自定义下拉菜单（listbox）中，键盘焦点和视觉高亮如何管理？请说明 aria-activedescendant。
自定义下拉菜单（listbox）中，键盘焦点和视觉高亮如何管理？请说明 aria-activedescendant。 本文先给出可直接复述的结论，再用最小代码说明aria-activedescendant listbox 焦点管理的工作方式、判断依据、项目边界和常见误区。
核心关键词aria-activedescendant listbox 焦点管理
面试知识索引 · 分类、标签与搜索
5000+ 道程序员面试题，每题都有完整答案
程序员面试题库第 98 页，收录第 4851–4900 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5000+完整问题
52技术分类
178检索标签
100索引分页
快速定位
分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 98 页
本页面试问题
按稳定语义路径排序
- 4851
- 4852
在表单中，label 元素的 for 属性和嵌套文本哪种方式更好？为什么？
在表单中，label 元素的 for 属性和嵌套文本哪种方式更好？为什么？ 本文先给出可直接复述的结论，再用最小代码说明label for 属性与嵌套文本 表单可访问性的工作方式、判断依据、项目边界和常见误区。
核心关键词label for 属性与嵌套文本 表单可访问性 - 4853
只含图标的按钮如何提供可访问名称？请说明 aria-label、alt 文本和 title 标题的最佳实践。
只含图标的按钮如何提供可访问名称？请说明 aria-label、alt 文本和 title 标题的最佳实践。 本文先给出可直接复述的结论，再用最小代码说明图标按钮可访问名称 aria-label alt 实践的工作方式、判断依据、项目边界和常见误区。
核心关键词图标按钮可访问名称 aria-label alt 实践 - 4854
在自定义组件中绑定 click 事件后，为什么还需要支持键盘触发？如何支持？
在自定义组件中绑定 click 事件后，为什么还需要支持键盘触发？如何支持？ 本文先给出可直接复述的结论，再用最小代码说明click 事件之外的键盘触发支持的工作方式、判断依据、项目边界和常见误区。
核心关键词click 事件之外的键盘触发支持 - 4855
在 HTML 中，键盘 Tab 键的导航顺序与 DOM 顺序不一致时如何处理？请说明 tabindex 的正负值作用。
在 HTML 中，键盘 Tab 键的导航顺序与 DOM 顺序不一致时如何处理？请说明 tabindex 的正负值作用。 本文先给出可直接复述的结论，再用最小代码说明tabindex 键盘 Tab 顺序与 DOM 顺序不一致的工作方式、判断依据、项目边界和常见误区。
核心关键词tabindex 键盘 Tab 顺序与 DOM 顺序不一致 - 4856
iOS 和 Android 的读屏软件对键盘焦点管理有什么不同？web 端如何兼顾？
iOS 和 Android 的读屏软件对键盘焦点管理有什么不同？web 端如何兼顾？ 本文先给出可直接复述的结论，再用最小代码说明VoiceOver TalkBack 焦点管理差异的工作方式、判断依据、项目边界和常见误区。
核心关键词VoiceOver TalkBack 焦点管理差异 - 4857
模态弹窗应使用哪些 ARIA 属性和语义结构来正确表示？请说明 role=dialog 和 aria-modal。
模态弹窗应使用哪些 ARIA 属性和语义结构来正确表示？请说明 role=dialog 和 aria-modal。 本文先给出可直接复述的结论，再用最小代码说明role=dialog 与 aria-modal 弹窗语义的工作方式、判断依据、项目边界和常见误区。
核心关键词role=dialog 与 aria-modal 弹窗语义 - 4858
实现一个无障碍模态弹窗时，如何管理焦点循环？请说明焦点陷阱的实现要点。
实现一个无障碍模态弹窗时，如何管理焦点循环？请说明焦点陷阱的实现要点。 本文先给出可直接复述的结论，再用最小代码说明模态弹窗焦点陷阱 focus trap 实现的工作方式、判断依据、项目边界和常见误区。
核心关键词模态弹窗焦点陷阱 focus trap 实现 - 4859
如果一个组件只用鼠标事件（如 onmouseover）来显示内容，键盘和读屏用户将如何无法访问？
如果一个组件只用鼠标事件（如 onmouseover）来显示内容，键盘和读屏用户将如何无法访问？ 本文先给出可直接复述的结论，再用最小代码说明鼠标事件交互对键盘读屏不可访问的工作方式、判断依据、项目边界和常见误区。
核心关键词鼠标事件交互对键盘读屏不可访问 - 4860
为什么说优先使用原生 HTML 语义而不是 ARIA 角色？请举例说明。
为什么说优先使用原生 HTML 语义而不是 ARIA 角色？请举例说明。 本文先给出可直接复述的结论，再用最小代码说明原生 HTML 语义优先于 ARIA 的原因的工作方式、判断依据、项目边界和常见误区。
核心关键词原生 HTML 语义优先于 ARIA 的原因 - 4861
通过 CSS 移出屏幕的可交互元素（例如 hidden focusable）为何会造成障碍？应如何避免？
通过 CSS 移出屏幕的可交互元素（例如 hidden focusable）为何会造成障碍？应如何避免？ 本文先给出可直接复述的结论，再用最小代码说明移出屏幕可聚焦元素造成的障碍的工作方式、判断依据、项目边界和常见误区。
核心关键词移出屏幕可聚焦元素造成的障碍 - 4862
页面启动后，如何向屏幕阅读器播报自动更新的区域（如倒计时或状态变化）？
页面启动后，如何向屏幕阅读器播报自动更新的区域（如倒计时或状态变化）？ 本文先给出可直接复述的结论，再用最小代码说明live region 页面加载时的初始播报的工作方式、判断依据、项目边界和常见误区。
核心关键词live region 页面加载时的初始播报 - 4863
表单必填字段除了视觉号外，还需要什么无障碍提示？aria-required 与 required 属性有何关系？
表单必填字段除了视觉号外，还需要什么无障碍提示？aria-required 与 required 属性有何关系？ 本文先给出可直接复述的结论，再用最小代码说明aria-required 与 required 属性区别的工作方式、判断依据、项目边界和常见误区。
核心关键词aria-required 与 required 属性区别 - 4864
为什么给一个元素添加 ARIA role 并不会改变其键盘行为？例如将 div 变为 role=button。
为什么给一个元素添加 ARIA role 并不会改变其键盘行为？例如将 div 变为 role=button。 本文先给出可直接复述的结论，再用最小代码说明ARIA role 不改变键盘行为 div role=button的工作方式、判断依据、项目边界和常见误区。
核心关键词ARIA role 不改变键盘行为 div role=button - 4865
在自定义可交互组件（如工具栏）中，什么叫做 roving tabindex？请说明其工作机制。
在自定义可交互组件（如工具栏）中，什么叫做 roving tabindex？请说明其工作机制。 本文先给出可直接复述的结论，再用最小代码说明roving tabindex 漫游焦点机制 工具栏的工作方式、判断依据、项目边界和常见误区。
核心关键词roving tabindex 漫游焦点机制 工具栏 - 4866
如何创建仅对屏幕阅读器可见的文本（比如“跳转到内容”的隐藏链接）？常见实现方式是什么？
如何创建仅对屏幕阅读器可见的文本（比如“跳转到内容”的隐藏链接）？常见实现方式是什么？ 本文先给出可直接复述的结论，再用最小代码说明visually hidden 读屏专用文本实现的工作方式、判断依据、项目边界和常见误区。
核心关键词visually hidden 读屏专用文本实现 - 4867
原生 select 元素在选项变化时会自动播报吗？自定义下拉列表需要模拟什么？
原生 select 元素在选项变化时会自动播报吗？自定义下拉列表需要模拟什么？ 本文先给出可直接复述的结论，再用最小代码说明原生 select 播报与自定义下拉模拟的工作方式、判断依据、项目边界和常见误区。
核心关键词原生 select 播报与自定义下拉模拟 - 4868
什么是跳过链接？它如何帮助键盘用户？请说明其工作原理和放置位置。
什么是跳过链接？它如何帮助键盘用户？请说明其工作原理和放置位置。 本文先给出可直接复述的结论，再用最小代码说明跳过链接 skip link 工作原理与位置的工作方式、判断依据、项目边界和常见误区。
核心关键词跳过链接 skip link 工作原理与位置 - 4869
为一个按钮绑定空格键操作时，如何避免页面滚动？请说明涉及的默认行为。
为一个按钮绑定空格键操作时，如何避免页面滚动？请说明涉及的默认行为。 本文先给出可直接复述的结论，再用最小代码说明空格键默认滚动 preventDefault 按钮的工作方式、判断依据、项目边界和常见误区。
核心关键词空格键默认滚动 preventDefault 按钮 - 4870
界面中出现的短暂通知（如 toast）应如何使用 ARIA live region？它适合用 aria-live=assertive 吗？
界面中出现的短暂通知（如 toast）应如何使用 ARIA live region？它适合用 aria-live=assertive 吗？ 本文先给出可直接复述的结论，再用最小代码说明toast 通知 aria-live assertive 是否合适的工作方式、判断依据、项目边界和常见误区。
核心关键词toast 通知 aria-live assertive 是否合适 - 4871
表单输入校验在失去焦点时进行和提交时进行，对屏幕阅读器用户有何不同？
表单输入校验在失去焦点时进行和提交时进行，对屏幕阅读器用户有何不同？ 本文先给出可直接复述的结论，再用最小代码说明表单校验 blur 与 submit 读屏差异的工作方式、判断依据、项目边界和常见误区。
核心关键词表单校验 blur 与 submit 读屏差异 - 4872
如何确保键盘用户能清晰地看到焦点位置？请给出焦点指示器的设计标准和实现方式。
如何确保键盘用户能清晰地看到焦点位置？请给出焦点指示器的设计标准和实现方式。 本文先给出可直接复述的结论，再用最小代码说明焦点指示器 focus style 可见性标准的工作方式、判断依据、项目边界和常见误区。
核心关键词焦点指示器 focus style 可见性标准 - 4873
点击劫持中攻击者如何用透明 iframe 诱导用户点击，前端如何检测被嵌套？
点击劫持中攻击者如何用透明 iframe 诱导用户点击，前端如何检测被嵌套？ 本文先给出可直接复述的结论，再用最小代码说明点击劫持 UI Redressing frame busting的工作方式、判断依据、项目边界和常见误区。
核心关键词点击劫持 UI Redressing frame busting - 4874
X-Frame-Options 的 DENY 与 SAMEORIGIN 如何防点击劫持，为什么它正在被 CSP 取代？
X-Frame-Options 的 DENY 与 SAMEORIGIN 如何防点击劫持，为什么它正在被 CSP 取代？ 本文先给出可直接复述的结论，再用最小代码说明点击劫持 X-Frame-Options DENY SAMEORIGIN的工作方式、判断依据、项目边界和常见误区。
核心关键词点击劫持 X-Frame-Options DENY SAMEORIGIN - 4875
会话 Cookie 的 Secure、HttpOnly、SameSite 三个属性分别针对什么攻击场景？
会话 Cookie 的 Secure、HttpOnly、SameSite 三个属性分别针对什么攻击场景？ 本文先给出可直接复述的结论，再用最小代码说明Cookie Secure HttpOnly SameSite 会话安全的工作方式、判断依据、项目边界和常见误区。
核心关键词Cookie Secure HttpOnly SameSite 会话安全 - 4876
Access-Control-Allow-Origin 等 CORS 响应头如何配置，通配符与凭证为什么不能共存？
Access-Control-Allow-Origin 等 CORS 响应头如何配置，通配符与凭证为什么不能共存？ 本文先给出可直接复述的结论，再用最小代码说明CORS Access-Control-Allow-Origin 通配符 credentials的工作方式、判断依据、项目边界和常见误区。
核心关键词CORS Access-Control-Allow-Origin 通配符 credentials - 4877
前端跨域请求携带 Cookie 需要在 fetch/XHR 和浏览器两端各满足什么条件？
前端跨域请求携带 Cookie 需要在 fetch/XHR 和浏览器两端各满足什么条件？ 本文先给出可直接复述的结论，再用最小代码说明fetch credentials include CORS 跨域 Cookie的工作方式、判断依据、项目边界和常见误区。
核心关键词fetch credentials include CORS 跨域 Cookie - 4878
反射任意 Origin 且允许凭证的 CORS 错误配置会带来什么后果？
反射任意 Origin 且允许凭证的 CORS 错误配置会带来什么后果？ 本文先给出可直接复述的结论，再用最小代码说明CORS 错误配置 任意 Origin credentials 风险的工作方式、判断依据、项目边界和常见误区。
核心关键词CORS 错误配置 任意 Origin credentials 风险 - 4879
CORS 中什么样的请求会触发预检（preflight）请求？
CORS 中什么样的请求会触发预检（preflight）请求？ 本文先给出可直接复述的结论，再用最小代码说明CORS 预检请求 OPTIONS 触发条件的工作方式、判断依据、项目边界和常见误区。
核心关键词CORS 预检请求 OPTIONS 触发条件 - 4880
CORS 是安全机制还是放松机制，它防的到底是什么？
CORS 是安全机制还是放松机制，它防的到底是什么？ 本文先给出可直接复述的结论，再用最小代码说明CORS 同源策略 安全边界 本质的工作方式、判断依据、项目边界和常见误区。
核心关键词CORS 同源策略 安全边界 本质 - 4881
为什么做了输出编码还需要 CSP，CSP 能挡住哪类漏网的 XSS？
为什么做了输出编码还需要 CSP，CSP 能挡住哪类漏网的 XSS？ 本文先给出可直接复述的结论，再用最小代码说明CSP 纵深防御 XSS 第二层防线的工作方式、判断依据、项目边界和常见误区。
核心关键词CSP 纵深防御 XSS 第二层防线 - 4882
CSP 中 script-src、default-src、object-src 等常用指令各控制什么资源加载？
CSP 中 script-src、default-src、object-src 等常用指令各控制什么资源加载？ 本文先给出可直接复述的结论，再用最小代码说明CSP 指令 script-src default-src的工作方式、判断依据、项目边界和常见误区。
核心关键词CSP 指令 script-src default-src - 4883
CSP 中 nonce 与 hash 两种白名单内联脚本的方式各自适用什么场景？
CSP 中 nonce 与 hash 两种白名单内联脚本的方式各自适用什么场景？ 本文先给出可直接复述的结论，再用最小代码说明CSP nonce hash 内联脚本的工作方式、判断依据、项目边界和常见误区。
核心关键词CSP nonce hash 内联脚本 - 4884
如何用 Content-Security-Policy-Report-Only 灰度上线一条 CSP 策略？
如何用 Content-Security-Policy-Report-Only 灰度上线一条 CSP 策略？ 本文先给出可直接复述的结论，再用最小代码说明CSP Report-Only 灰度 report-uri的工作方式、判断依据、项目边界和常见误区。
核心关键词CSP Report-Only 灰度 report-uri - 4885
为什么 CSP 中的 unsafe-inline 和 unsafe-eval 会大幅削弱 XSS 防御？
为什么 CSP 中的 unsafe-inline 和 unsafe-eval 会大幅削弱 XSS 防御？ 本文先给出可直接复述的结论，再用最小代码说明CSP unsafe-inline unsafe-eval 风险的工作方式、判断依据、项目边界和常见误区。
核心关键词CSP unsafe-inline unsafe-eval 风险 - 4886
CSRF 攻击成立需要哪些前提条件，为什么浏览器会自动携带 Cookie？
CSRF 攻击成立需要哪些前提条件，为什么浏览器会自动携带 Cookie？ 本文先给出可直接复述的结论，再用最小代码说明CSRF 攻击条件 Cookie 自动携带的工作方式、判断依据、项目边界和常见误区。
核心关键词CSRF 攻击条件 Cookie 自动携带 - 4887
为什么规范要求 GET 不做状态变更，违反它在 CSRF 下有什么后果？
为什么规范要求 GET 不做状态变更，违反它在 CSRF 下有什么后果？ 本文先给出可直接复述的结论，再用最小代码说明CSRF GET 请求 幂等 状态变更的工作方式、判断依据、项目边界和常见误区。
核心关键词CSRF GET 请求 幂等 状态变更 - 4888
纯 JSON API 要求自定义请求头，为什么这能在一定程度上天然抵御 CSRF？
纯 JSON API 要求自定义请求头，为什么这能在一定程度上天然抵御 CSRF？ 本文先给出可直接复述的结论，再用最小代码说明CSRF JSON API 自定义请求头 预检的工作方式、判断依据、项目边界和常见误区。
核心关键词CSRF JSON API 自定义请求头 预检 - 4889
校验 Origin/Referer 头来防 CSRF 可靠吗，有什么边界情况？
校验 Origin/Referer 头来防 CSRF 可靠吗，有什么边界情况？ 本文先给出可直接复述的结论，再用最小代码说明CSRF Origin Referer 校验 可靠性的工作方式、判断依据、项目边界和常见误区。
核心关键词CSRF Origin Referer 校验 可靠性 - 4890
CSRF Token 应该如何生成、下发与校验才有效？
CSRF Token 应该如何生成、下发与校验才有效？ 本文先给出可直接复述的结论，再用最小代码说明CSRF Token 生成 校验 Synchronizer Token的工作方式、判断依据、项目边界和常见误区。
核心关键词CSRF Token 生成 校验 Synchronizer Token - 4891
CSRF 和 XSS 有什么本质区别，为什么有了 XSS 后 CSRF 防御会失效？
CSRF 和 XSS 有什么本质区别，为什么有了 XSS 后 CSRF 防御会失效？ 本文先给出可直接复述的结论，再用最小代码说明CSRF XSS 区别 关系的工作方式、判断依据、项目边界和常见误区。
核心关键词CSRF XSS 区别 关系 - 4892
路径穿越（../）在读文件与写文件两个场景中分别如何产生，如何防御？
路径穿越（../）在读文件与写文件两个场景中分别如何产生，如何防御？ 本文先给出可直接复述的结论，再用最小代码说明路径穿越 Path Traversal 目录遍历 防御的工作方式、判断依据、项目边界和常见误区。
核心关键词路径穿越 Path Traversal 目录遍历 防御 - 4893
服务端处理用户上传的压缩包或图片时，如何防解压炸弹与像素炸弹耗尽资源？
服务端处理用户上传的压缩包或图片时，如何防解压炸弹与像素炸弹耗尽资源？ 本文先给出可直接复述的结论，再用最小代码说明解压炸弹 像素炸弹 文件上传 资源耗尽的工作方式、判断依据、项目边界和常见误区。
核心关键词解压炸弹 像素炸弹 文件上传 资源耗尽 - 4894
允许用户上传 SVG 或 HTML 文件为什么会变成存储型 XSS，如何安全地提供下载？
允许用户上传 SVG 或 HTML 文件为什么会变成存储型 XSS，如何安全地提供下载？ 本文先给出可直接复述的结论，再用最小代码说明SVG 上传 XSS 文件下载 Content-Disposition的工作方式、判断依据、项目边界和常见误区。
核心关键词SVG 上传 XSS 文件下载 Content-Disposition - 4895
上传的文件应该如何存储与命名，才能避免被当作脚本执行形成 WebShell？
上传的文件应该如何存储与命名，才能避免被当作脚本执行形成 WebShell？ 本文先给出可直接复述的结论，再用最小代码说明文件上传 WebShell 存储 重命名 执行权限的工作方式、判断依据、项目边界和常见误区。
核心关键词文件上传 WebShell 存储 重命名 执行权限 - 4896
命令注入和 SQL 注入的共同根源是什么，调用系统命令时如何安全传参？
命令注入和 SQL 注入的共同根源是什么，调用系统命令时如何安全传参？ 本文先给出可直接复述的结论，再用最小代码说明命令注入 OS Command Injection 防御的工作方式、判断依据、项目边界和常见误区。
核心关键词命令注入 OS Command Injection 防御 - 4897
除 SQL 外，LDAP、XPath、模板引擎注入的共同防御思路是什么？
除 SQL 外，LDAP、XPath、模板引擎注入的共同防御思路是什么？ 本文先给出可直接复述的结论，再用最小代码说明注入 LDAP XPath 模板 SSTI 防御的工作方式、判断依据、项目边界和常见误区。
核心关键词注入 LDAP XPath 模板 SSTI 防御 - 4898
服务端模板注入（SSTI）为什么比普通 XSS 危害更高，如何避免把用户输入当模板编译？
服务端模板注入（SSTI）为什么比普通 XSS 危害更高，如何避免把用户输入当模板编译？ 本文先给出可直接复述的结论，再用最小代码说明SSTI 模板注入 服务端 危害的工作方式、判断依据、项目边界和常见误区。
核心关键词SSTI 模板注入 服务端 危害 - 4899
什么是混合内容问题，HSTS 如何防止 HTTPS 站点被降级回 HTTP？
什么是混合内容问题，HSTS 如何防止 HTTPS 站点被降级回 HTTP？ 本文先给出可直接复述的结论，再用最小代码说明HSTS 混合内容 HTTPS 降级的工作方式、判断依据、项目边界和常见误区。
核心关键词HSTS 混合内容 HTTPS 降级 - 4900
使用 window.postMessage 跨窗口通信时，为什么必须校验 event.origin 并指定 targetOrigin？
使用 window.postMessage 跨窗口通信时，为什么必须校验 event.origin 并指定 targetOrigin？ 本文先给出可直接复述的结论，再用最小代码说明postMessage origin 校验 跨窗口通信 安全的工作方式、判断依据、项目边界和常见误区。
核心关键词postMessage origin 校验 跨窗口通信 安全