前端进阶之旅前端进阶之旅
  • 基础篇HTML/CSS/JS 打底
  • 进阶篇原理与工程化
  • 高频篇面试最常问的那批
  • 精选篇按模块收敛的总结
  • 手写篇常考代码手写实现
  • 面经篇真实面试问题复盘
  • AI 篇NEWAI 时代的前端考点
  • 历年面经NEW按年份追踪真实考点
  • 每日一题每天一道,攒手感
  • 专项自测100 题快速查漏
  • 小程序题库小程序专项刷题
  • 算法题库NEW在线编码即时判题
  • 知识卡片NEW碎片时间过考点
  • 面试题大全常见问题解析
  • AI 答疑NEW随时提问,即时解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • AI 定制路线NEW按你的简历现排
  • AI 知识地图NEW串起全站知识点
  • 原理篇React / Vue 源码拆解
  • HTTP从报文一路讲到 HTTPS
  • 浏览器渲染、事件循环、进程
  • 计算机基础Linux、网络、操作系统
  • 设计模式23 种模式怎么用
  • Node学习指南从环境搭建到服务端
  • NPM工作流script、依赖与发布
  • Docker容器化部署上手
  • Canvas图形与动画实战
  • 前端系统进阶学习大型项目工程化
  • 前端综合文章长期沉淀的实践文
  • 思维导图知识点全景图
  • 学习路线按图索骥不跑偏
  • AI 热点NEWAI 每日动态
  • 公众号动态公众号历史文章
  • 博客动态站长的技术博客
  • 开发者导航常用工具与文档站
  • 基础篇HTML/CSS/JS 打底
  • 进阶篇原理与工程化
  • 高频篇面试最常问的那批
  • 精选篇按模块收敛的总结
  • 手写篇常考代码手写实现
  • 面经篇真实面试问题复盘
  • AI 篇NEWAI 时代的前端考点
  • 历年面经NEW按年份追踪真实考点
  • 每日一题每天一道,攒手感
  • 专项自测100 题快速查漏
  • 小程序题库小程序专项刷题
  • 算法题库NEW在线编码即时判题
  • 知识卡片NEW碎片时间过考点
  • 面试题大全常见问题解析
  • AI 答疑NEW随时提问,即时解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • AI 定制路线NEW按你的简历现排
  • AI 知识地图NEW串起全站知识点
  • 原理篇React / Vue 源码拆解
  • HTTP从报文一路讲到 HTTPS
  • 浏览器渲染、事件循环、进程
  • 计算机基础Linux、网络、操作系统
  • 设计模式23 种模式怎么用
  • Node学习指南从环境搭建到服务端
  • NPM工作流script、依赖与发布
  • Docker容器化部署上手
  • Canvas图形与动画实战
  • 前端系统进阶学习大型项目工程化
  • 前端综合文章长期沉淀的实践文
  • 思维导图知识点全景图
  • 学习路线按图索骥不跑偏
  • AI 热点NEWAI 每日动态
  • 公众号动态公众号历史文章
  • 博客动态站长的技术博客
  • 开发者导航常用工具与文档站
首页程序员面试题库第 97 页
面试知识索引 · 分类、标签与搜索

5000 道程序员面试题,每题都有完整答案

程序员面试题库第 97 页,收录第 4801–4850 题,共 5000 道完整解析,覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。

5,000完整问题
52技术分类
178检索标签
100索引分页
按分类建立知识面,再用标签和搜索定位问题

每页只渲染 50 道题。分类与标签分页可抓取,自由搜索结果不会制造无限 SEO 页面。

快速定位

分类、标签与关键词搜索

题库检索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90HTML89Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
热门标签178 个
并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121网络协议111
查看其余 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
当前页97 / 100

正在显示第 4801–4850 题

小程序28无障碍22
第 97 页

本页面试问题

按稳定语义路径排序

  1. 4801
    小程序运行时与开发

    小程序独立分包与普通分包有什么区别,什么业务适合用独立分包?

    围绕“小程序独立分包与普通分包有什么区别,什么业务适合用独立分包”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明独立分包不依赖主包即可运行及其限制(如不能用主包资源与 App 生命周期差异)。

    核心关键词小程序 独立分包 independent 区别
    #运行时与开发
  2. 4802
    小程序运行时与开发

    小程序逻辑层和渲染层之间通过什么机制通信,为什么说频繁跨线程通信是性能瓶颈?

    围绕“小程序逻辑层和渲染层之间通过什么机制通信,为什么说频繁跨线程通信是性能瓶颈”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须讲清数据经 Native 中转序列化的成本。

    核心关键词小程序 逻辑层 渲染层 通信 Native JSBridge
    #运行时与开发#性能优化#并发编程
  3. 4803
    小程序运行时与开发

    小程序登录流程中 wx.login 拿到的 code 如何使用,为什么不能在前端直接换 session_key?

    围绕“小程序登录流程中 wx.login 拿到的 code 如何使用,为什么不能在前端直接换 session_key”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须画出 code 到后端再调 code2Session 的完整链路及安全原因。

    核心关键词小程序 登录流程 wx.login code session_key
    #运行时与开发
  4. 4804
    小程序运行时与开发

    小程序从 B 页面返回 A 页面时如何把数据带回去?

    围绕“小程序从 B 页面返回 A 页面时如何把数据带回去”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出 getCurrentPages 改前一页数据或 events 事件回调等方案并比较。

    核心关键词小程序 返回上一页 传递数据 navigateBack
    #运行时与开发
  5. 4805
    小程序运行时与开发

    小程序页面中定时器和事件监听应在哪个生命周期清理,泄漏会造成什么后果?

    围绕“小程序页面中定时器和事件监听应在哪个生命周期清理,泄漏会造成什么后果”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分 onHide 与 onUnload 下资源是否释放的判断。

    核心关键词小程序 onUnload 清理定时器 内存泄漏
    #运行时与开发
  6. 4806
    小程序运行时与开发

    小程序页面数据初始化应该放在 onLoad 还是 onShow,两者的取舍标准是什么?

    围绕“小程序页面数据初始化应该放在 onLoad 还是 onShow,两者的取舍标准是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答要按是否需要每次进入都刷新来区分,不罗列其他生命周期钩子。

    核心关键词小程序 onLoad onShow 数据初始化 区别
    #运行时与开发
  7. 4807
    小程序运行时与开发

    为什么小程序页面 onLoad 之前拿不到页面实例和 this.setData,路由传参又只能在 onLoad 拿?

    围绕“为什么小程序页面 onLoad 之前拿不到页面实例和 this.setData,路由传参又只能在 onLoad 拿”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释页面实例创建与路由参数注入的先后顺序。

    核心关键词小程序 onLoad 之前 页面实例 setData 路由参数
    #运行时与开发#路由#安全
  8. 4808
    小程序运行时与开发

    小程序页面 onLoad、onShow、onReady 的执行顺序和各自只执行一次还是多次?

    围绕“小程序页面 onLoad、onShow、onReady 的执行顺序和各自只执行一次还是多次”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出完整顺序及各钩子的触发次数差异。

    核心关键词小程序 页面生命周期 onLoad onShow onReady 顺序
    #运行时与开发
  9. 4809
    小程序运行时与开发

    小程序页面滚动卡顿、长列表渲染慢时,从双线程与 setData 角度如何定位和优化?

    围绕“小程序页面滚动卡顿、长列表渲染慢时,从双线程与 setData 角度如何定位和优化”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出减少节点数、分页加载与 IntersectionObserver 等具体手段。

    核心关键词小程序 滚动卡顿 长列表 setData 性能优化
    #运行时与开发#性能优化#并发编程
  10. 4810
    小程序运行时与开发

    小程序页面栈最多多少层,超过后 navigateTo 会怎样,如何规避?

    围绕“小程序页面栈最多多少层,超过后 navigateTo 会怎样,如何规避”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明层数上限、超限表现与用 redirectTo 等规避方案。

    核心关键词小程序 页面栈 10层 限制
    #运行时与开发
  11. 4811
    小程序运行时与开发

    小程序获取用户手机号的流程是怎样的,为什么需要后端配合解密?

    围绕“小程序获取用户手机号的流程是怎样的,为什么需要后端配合解密”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 button 触发、code/加密数据交后端换取手机号的链路与安全边界。

    核心关键词小程序 获取手机号 getPhoneNumber 解密
    #运行时与开发#安全
  12. 4812
    小程序运行时与开发

    小程序 wx.navigateTo 的 events 参数(EventChannel)怎么用,解决什么问题?

    围绕“小程序 wx.navigateTo 的 events 参数(EventChannel)怎么用,解决什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 EventChannel 双向通信机制相对 getCurrentPages 的优势。

    核心关键词小程序 EventChannel 页面间通信 events
    #运行时与开发
  13. 4813
    小程序运行时与开发

    小程序页面跳转时如何传参,复杂对象参数有哪些可靠传递方案?

    围绕“小程序页面跳转时如何传参,复杂对象参数有哪些可靠传递方案”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖完整回答要覆盖 query 拼接、encodeURIComponent 编码及事件通道或全局存储等替代方案。

    核心关键词小程序 路由传参 url query 对象
    #运行时与开发#路由
  14. 4814
    小程序运行时与开发

    小程序 wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch 的区别和适用场景?

    围绕“小程序 wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch 的”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答要按页面栈变化和目标页面类型(是否 tabBar)区分四个 API。

    核心关键词小程序 路由 navigateTo redirectTo switchTab reLaunch 区别
    #运行时与开发#路由
  15. 4815
    小程序运行时与开发

    小程序登录态过期如何检测与无感刷新,wx.checkSession 的局限是什么?

    围绕“小程序登录态过期如何检测与无感刷新,wx.checkSession 的局限是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 checkSession 校验微信侧会话与自有 token 过期判断需结合使用。

    核心关键词小程序 checkSession 登录态过期 重新登录
    #运行时与开发
  16. 4816
    小程序运行时与开发

    小程序 setData 是同步还是异步的,为什么连续读取 this.data 可能拿到旧值?

    围绕“小程序 setData 是同步还是异步的,为什么连续读取 this.data 可能拿到旧值”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分数据同步写入与视图异步渲染两个层面。

    核心关键词setData 异步 this.data 旧值
    #运行时与开发#异步编程
  17. 4817
    小程序运行时与开发

    小程序 setData 的回调参数什么时候执行,适合用它解决哪类时序问题?

    围绕“小程序 setData 的回调参数什么时候执行,适合用它解决哪类时序问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明回调在视图更新完成后触发及其适用场景。

    核心关键词setData callback 回调 渲染完成
    #运行时与开发
  18. 4818
    小程序运行时与开发

    小程序 setData 支持哪些数据路径写法,如何只更新数组某一项或对象的某个字段?

    围绕“小程序 setData 支持哪些数据路径写法,如何只更新数组某一项或对象的某个字段”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出路径更新语法及其相对整对象替换的优势。

    核心关键词setData 数据路径 array[0] object.key
    #运行时与开发
  19. 4819
    小程序运行时与开发

    小程序 setData 触发视图更新的底层过程是怎样的,为什么只应传递变化的数据?

    围绕“小程序 setData 触发视图更新的底层过程是怎样的,为什么只应传递变化的数据”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明数据传输与 diff 重渲染的链路及传输量对性能的影响。

    核心关键词setData 数据 diff 视图更新 原理
    #运行时与开发#性能优化
  20. 4820
    小程序运行时与开发

    在小程序滚动或高频事件中频繁调用 setData 会出什么问题,应如何治理?

    围绕“在小程序滚动或高频事件中频繁调用 setData 会出什么问题,应如何治理”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出合并更新、节流或改用其他方案的具体取舍。

    核心关键词setData 频繁调用 性能 优化
    #运行时与开发#性能优化
  21. 4821
    小程序运行时与开发

    小程序单次 setData 传输数据过大有什么后果,官方对数据量有什么建议?

    围绕“小程序单次 setData 传输数据过大有什么后果,官方对数据量有什么建议”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明大数据量序列化传输的代价与官方建议上限。

    核心关键词setData 数据量过大 1024KB 限制
    #运行时与开发
  22. 4822
    小程序运行时与开发

    小程序分包在什么时候被下载,进入分包页面时用户会经历什么?

    围绕“小程序分包在什么时候被下载,进入分包页面时用户会经历什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明按需下载与加载等待的表现。

    核心关键词小程序 分包 加载时机 下载
    #运行时与开发
  23. 4823
    小程序运行时与开发

    小程序分包预下载如何配置,应基于什么判断决定预下载哪些分包?

    围绕“小程序分包预下载如何配置,应基于什么判断决定预下载哪些分包”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 preloadRule 配置方式及网络/场景权衡。

    核心关键词小程序 分包预下载 preloadRule
    #运行时与开发
  24. 4824
    小程序运行时与开发

    小程序分包之间以及主包与分包之间的资源引用有哪些限制?

    围绕“小程序分包之间以及主包与分包之间的资源引用有哪些限制”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须说清分包可引用主包资源、分包间不能互相引用的规则。

    核心关键词小程序 分包 引用规则 主包资源
    #运行时与开发
  25. 4825
    小程序运行时与开发

    小程序为什么要做分包,主包和分包的体积限制分别是多少?

    围绕“小程序为什么要做分包,主包和分包的体积限制分别是多少”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出体积限制数字与分包对启动速度的意义。

    核心关键词小程序 分包 主包分包 体积限制
    #运行时与开发
  26. 4826
    小程序运行时与开发

    小程序 tabBar 页面与普通页面在路由和生命周期上有什么特殊之处?

    围绕“小程序 tabBar 页面与普通页面在路由和生命周期上有什么特殊之处”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 tab 页只能用 switchTab 切换、首次加载后不销毁等差异。

    核心关键词小程序 tabBar 配置 switchTab 特殊性
    #运行时与开发#路由
  27. 4827
    小程序运行时与开发

    小程序中 openid 与 unionid 有什么区别,什么场景必须打通 unionid?

    围绕“小程序中 openid 与 unionid 有什么区别,什么场景必须打通 unionid”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明同一用户跨小程序/公众号/应用唯一标识的场景。

    核心关键词小程序 openid unionid 区别 开放平台
    #运行时与开发
  28. 4828
    小程序运行时与开发

    小程序 Worker 适用于什么场景,它与逻辑层线程之间如何通信、有哪些限制?

    围绕“小程序 Worker 适用于什么场景,它与逻辑层线程之间如何通信、有哪些限制”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 Worker 无法操作页面与 wx API 受限的边界及典型计算场景。

    核心关键词小程序 Worker 多线程 postMessage 限制
    #运行时与开发#并发编程
  29. 4829
    无障碍可访问交互

    无障碍树与 DOM 树有什么区别?ARIA 如何影响无障碍树?

    围绕“无障碍树与 DOM 树有什么区别?ARIA 如何影响无障碍树”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释无障碍树为辅助技术生成的简化树,ARIA 增加信息。

    核心关键词无障碍树与 DOM 树区别 ARIA 影响
    #可访问交互#Web 可访问性
  30. 4830
    无障碍可访问交互

    为什么推荐使用 role=alert 而不是自己设置 aria-live=assertive?它有什么特殊行为?

    围绕“为什么推荐使用 role=alert 而不是自己设置 aria-live=assertive?它有什么特殊行为”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 alert 自动具有 assertive 特性,且仅用于重要信息。

    核心关键词role=alert 与 aria-live=assertive 区别
    #可访问交互#实时通信#Web 可访问性
  31. 4831
    无障碍可访问交互

    在包含多个变更的区域中使用 live region 时,aria-atomic 属性有什么作用?

    围绕“在包含多个变更的区域中使用 live region 时,aria-atomic 属性有什么作用”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释 aria-atomic=true 时播报整个区域,否则只播报变化部分。

    核心关键词aria-atomic 在 live region 中的作用
    #可访问交互#Web 可访问性
  32. 4832
    无障碍可访问交互

    自定义复选框如何向屏幕阅读器传达选中状态?请说明 role=checkbox 和 aria-checked。

    围绕“自定义复选框如何向屏幕阅读器传达选中状态?请说明 role=checkbox 和 aria-checked”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释如何模拟原生复选交互,并同步状态属性。

    核心关键词aria-checked 自定义复选框选中状态
    #可访问交互#Web 可访问性
  33. 4833
    无障碍可访问交互

    在实现 Tooltip 时,为什么推荐使用 aria-describedby 而不是 aria-label?

    围绕“在实现 Tooltip 时,为什么推荐使用 aria-describedby 而不是 aria-label”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 tooltip 是描述性内容,与名称区分。

    核心关键词tooltip 用 aria-describedby 的原因
    #可访问交互#Web 可访问性
  34. 4834
    无障碍可访问交互

    在可展开组件中,aria-expanded 与 aria-hidden 有何不同?它们分别用于什么目的?

    围绕“在可展开组件中,aria-expanded 与 aria-hidden 有何不同?它们分别用于什么目的”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分展开状态与内容隐藏,并说明何时使用 hidden 属性。

    核心关键词aria-expanded 与 aria-hidden 区别
    #可访问交互#Web 可访问性
  35. 4835
    无障碍可访问交互

    元素不能同时是焦点可及又被 aria-hidden 吗?为什么?

    围绕“元素不能同时是焦点可及又被 aria-hidden 吗?为什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 aria-hidden 元素不应获得焦点,否则读屏用户感到困惑。

    核心关键词aria-hidden 与可聚焦元素的冲突
    #可访问交互#Web 可访问性
  36. 4836
    无障碍可访问交互

    在给元素提供无障碍名称时,aria-label 与 aria-labelledby 有什么区别?各自的使用场景是什么?

    围绕“在给元素提供无障碍名称时,aria-label 与 aria-labelledby 有什么区别?各自的使用场景是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须讲清优先级和引用外部文本的能力。

    核心关键词aria-label 与 aria-labelledby 区别 可访问名称
    #可访问交互#Web 可访问性
  37. 4837
    无障碍可访问交互

    希望清空一个 live region 来强制读屏播报变化,但当新内容与旧内容相同时,需要如何操作?

    围绕“希望清空一个 live region 来强制读屏播报变化,但当新内容与旧内容相同时,需要如何操作”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明需要先清空再插入,否则可能被忽略,涉及防抖和延迟。

    核心关键词清空 live region 强制重新播报
    #可访问交互#Web 可访问性
  38. 4838
    无障碍可访问交互

    在动态内容更新时,如何通过 ARIA live region 向屏幕阅读器通知?请说明 aria-live 的取值。

    围绕“在动态内容更新时,如何通过 ARIA live region 向屏幕阅读器通知?请说明 aria-live 的取值”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分 polite 和 assertive,并讨论使用时机。

    核心关键词aria-live polite assertive 动态通知读屏
    #可访问交互#实时通信#Web 可访问性
  39. 4839
    无障碍可访问交互

    对于菜单栏(menubar)组件,键盘交互应支持哪些按键?请说明箭头键和 Home/End 键。

    围绕“对于菜单栏(menubar)组件,键盘交互应支持哪些按键?请说明箭头键和 Home/End 键”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须列出完整键盘支持,涉及方向键、Home、End 和 Escape。

    核心关键词menubar 菜单栏键盘交互 方向键 Home End
    #可访问交互#Web 可访问性
  40. 4840
    无障碍可访问交互

    在按钮上使用方向键导航合适吗?为什么不推荐?

    围绕“在按钮上使用方向键导航合适吗?为什么不推荐”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释方向键通常移动焦点,可能导致困惑,适合特定组件内。

    核心关键词按钮上不推荐方向键导航的原因
    #可访问交互#Web 可访问性
  41. 4841
    无障碍可访问交互

    实现一个可编辑的组合框(如自动补全输入框)时,需要哪些 ARIA 属性和键盘交互?

    围绕“实现一个可编辑的组合框(如自动补全输入框)时,需要哪些 ARIA 属性和键盘交互”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 combobox、listbox、aria-expanded 和方向键导航。

    核心关键词combobox 组合框 ARIA 属性与键盘交互
    #可访问交互#Web 可访问性
  42. 4842
    无障碍可访问交互

    何时使用按钮 (button) 而不是链接 (a)?请从交互语义的角度说明。

    围绕“何时使用按钮 (button) 而不是链接 (a)?请从交互语义的角度说明”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕必须根据操作类型或导航区分,指出按钮触发动作、链接改变 URL。

    核心关键词按钮 button 与链接 a 的语义选择
    #可访问交互#Web 可访问性
  43. 4843
    无障碍可访问交互

    在 SPA 中更新一个区域后,如何判断该内容是否需要被读屏播报?如何避免过度播报?

    围绕“在 SPA 中更新一个区域后,如何判断该内容是否需要被读屏播报?如何避免过度播报”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕必须基于用户操作和上下文判断,并说明 live region 的克制。

    核心关键词SPA 读屏播报时机与避免过度播报
    #可访问交互#Web 可访问性
  44. 4844
    无障碍可访问交互

    禁用状态(disabled)的表单控件为何有时不适合?什么情况下应用 readonly 或 aria-disabled?

    围绕“禁用状态(disabled)的表单控件为何有时不适合?什么情况下应用 readonly 或 aria-disable”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分禁用元素无法聚焦且不会朗读,而 readOnly 或 aria-disabled 仍可读。

    核心关键词disabled readonly aria-disabled 区别
    #可访问交互#Web 可访问性#表单
  45. 4845
    无障碍可访问交互

    对于展开/收起组件(如手风琴),键盘焦点应如何管理?展开内容后焦点应停留在哪里?

    围绕“对于展开/收起组件(如手风琴),键盘焦点应如何管理?展开内容后焦点应停留在哪里”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明聚焦在触发按钮而非内容。

    核心关键词手风琴展开收起组件键盘焦点管理
    #可访问交互#Web 可访问性
  46. 4846
    无障碍可访问交互

    表单项校验失败时,应如何将错误消息与输入框关联?为什么使用 aria-describedby?

    围绕“表单项校验失败时,应如何将错误消息与输入框关联?为什么使用 aria-describedby”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要解释使用 aria-describedby 而不是 aria-label,并说明通知方式。

    核心关键词表单错误消息 aria-describedby 关联
    #可访问交互#Web 可访问性#表单
  47. 4847
    无障碍可访问交互

    在单页应用(SPA)中切换路由时,如果不手动管理焦点会发生什么?通常的做法是什么?

    围绕“在单页应用(SPA)中切换路由时,如果不手动管理焦点会发生什么?通常的做法是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明焦点停留导致页面似乎没有变化,做法包括移到标题或主内容。

    核心关键词SPA 路由切换焦点管理做法
    #可访问交互#路由#Web 可访问性
  48. 4848
    无障碍可访问交互

    通过 CSS transform 或 flex 布局改变元素视觉位置,会不会改变键盘 Tab 顺序?

    围绕“通过 CSS transform 或 flex 布局改变元素视觉位置,会不会改变键盘 Tab 顺序”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须明确视觉顺序与 DOM 顺序的关联,CSS 不影响 tab 顺序。

    核心关键词CSS transform 视觉顺序与键盘 Tab 顺序
    #可访问交互#Web 可访问性#Flexbox
  49. 4849
    无障碍可访问交互

    当点击一个按钮打开弹出面板(popover)时,焦点是否应移动到面板内?请说出标准做法。

    围绕“当点击一个按钮打开弹出面板(popover)时,焦点是否应移动到面板内?请说出标准做法”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖判断时要说明是否移入,根据面板复杂度,简单建议保留在按钮或移入第一个焦点项。

    核心关键词popover 打开后焦点移动标准做法
    #可访问交互#Web 可访问性
  50. 4850
    无障碍可访问交互

    :focus-visible 伪类与 :focus 有什么区别?在设置焦点样式时应如何选择?

    围绕“:focus-visible 伪类与 :focus 有什么区别?在设置焦点样式时应如何选择”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 :focus-visible 仅针对键盘,避免鼠标点击出现焦点环。

    核心关键词:focus-visible 与 :focus 区别
    #可访问交互#Web 可访问性
上一页
1…9596979899100
下一页
前端进阶之旅本地 Markdown 维护 · 服务端分页 · 完整内容对用户与搜索引擎一致