MutationObserver 的回调是按每次 DOM 变更同步触发还是批量触发，这决定了它适合和不适合什么场景？
围绕“MutationObserver 的回调是按每次 DOM 变更同步触发还是批量触发，这决定了它适合和不适合什么场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明变更记录以微任务批量投递、回调里能拿到 mutation 列表，从而得出不适合做逐次同步拦截的结论。
核心关键词MutationObserver 批量回调 微任务 DOM 监听
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 21 页，收录第 1001–1050 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5,000完整问题
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
第 21 页
本页面试问题
按稳定语义路径排序
- 1001
- 1002
用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个时间戳？
围绕“用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按时间轴解释 redirect、DNS、TCP、request/response、domInteractive 等字段并能定位 T。
核心关键词PerformanceNavigationTiming TTFB 加载阶段拆解 - 1003
OffscreenCanvas 解决了什么渲染瓶颈，把 canvas 绘制移进 Worker 需要满足什么前提？
围绕“OffscreenCanvas 解决了什么渲染瓶颈，把 canvas 绘制移进 Worker 需要满足什么前提”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明主线程渲染被 JS 阻塞时离屏 canvas 可独立绘制，以及 transferControlToOffscreen 后原 ca。
核心关键词OffscreenCanvas Worker 离屏渲染 - 1004
document.visibilityState 有哪几种取值，页面最小化与切到后台标签页分别进入哪个状态？
围绕“document.visibilityState 有哪几种取值，页面最小化与切到后台标签页分别进入哪个状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须准确列出 visible、hidden（及 prerender 的历史取值）并说明两者均触发 hidden。
核心关键词Page Visibility API visibilityState 状态 - 1005
beforeunload、unload、pagehide 三个事件在触发时机与可靠性上有什么区别，移动端为什么应优先用 pagehide？
围绕“beforeunload、unload、pagehide 三个事件在触发时机与可靠性上有什么区别，移动端为什么应优先”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分可取消的离开确认、卸载执行不可靠、页面隐藏含进入 bfcache 三种语义，并指出移动端常跳过 unload。
核心关键词beforeunload unload pagehide 区别 可靠性 - 1006
PerformancePaintTiming 提供的 first-paint 与 first-contentful-paint 有什么区别，FCP 偏晚通常意味着什么？
围绕“PerformancePaintTiming 提供的 first-paint 与 first-contentful-”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分任意像素首绘与首个内容（文本、图片、canvas）绘制，并能把 FCP 偏晚归因到渲染阻塞资源链上。
核心关键词PerformancePaintTiming FP FCP 首次绘制 - 1007
给 touchstart、wheel 监听加 passive:true 为什么能改善滚动流畅度，加上之后代码里不能再做什么？
围绕“给 touchstart、wheel 监听加 passive:true 为什么能改善滚动流畅度，加上之后代码里不能再”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释浏览器无需等待监听器决定是否取消默认滚动即可立即合成滚动帧，以及 passive 下 preventDefault 无效。
核心关键词passive 事件监听 滚动性能 preventDefault - 1008
HTML 解析器被脚本阻塞时，浏览器的预加载扫描器为什么还能提前发起资源请求？
解释浏览器预加载扫描器为何能在主解析器被同步脚本阻塞时提前请求 CSS、JS、图片：它是独立的推测扫描，只识别资源标签、不执行脚本，并说明其失效边界。
核心关键词preload scanner 预加载扫描器 推测解析 - 1009
哪些 DOM 读写操作会触发回流，为什么把多次几何读取集中到写入之前能减少回流次数？
围绕“哪些 DOM 读写操作会触发回流，为什么把多次几何读取集中到写入之前能减少回流次数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分触发布局的读取类 API 与样式写入，并给出读-写分离的批处理模式。
核心关键词回流 reflow 触发 读写分离 批量更新 - 1010
重绘和回流的触发条件与开销有何不同，为什么修改 color 通常比修改 width 便宜？
围绕“重绘和回流的触发条件与开销有何不同，为什么修改 color 通常比修改 width 便宜”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按流水线位置说明回流必经布局而重绘可跳过布局、合成类变更还可跳过绘制。
核心关键词重绘 repaint 回流 reflow 区别 开销 - 1011
requestAnimationFrame 的回调相对一次渲染更新的布局、绘制步骤在什么时候执行，为什么适合在里面读写 DOM？
围绕“requestAnimationFrame 的回调相对一次渲染更新的布局、绘制步骤在什么时候执行，为什么适合在里面读”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须定位回调发生在样式与布局计算之前、与浏览器刷新率对齐，并解释同帧内读写不会丢中间帧。
核心关键词requestAnimationFrame 回调时机 渲染帧 - 1012
requestIdleCallback 的回调在什么时机执行，deadline.timeRemaining 与 timeout 参数各自解决什么问题？
围绕“requestIdleCallback 的回调在什么时机执行，deadline.timeRemaining 与 ti”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浏览器在帧空闲期调度、回调须按剩余时间主动让出、timeout 保证兜底执行。
核心关键词requestIdleCallback 空闲回调 deadline timeout - 1013
监听单个元素尺寸变化为什么要用 ResizeObserver 而不是 window 的 resize 事件，它的回调在渲染流程的哪个时机触发？
围绕“监听单个元素尺寸变化为什么要用 ResizeObserver 而不是 window 的 resize 事件，它的回调”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明元素尺寸可因布局变化而非窗口变化而改变、观察粒度到元素，并注意回调在布局后绘制前可能引发循环告警。
核心关键词ResizeObserver 元素尺寸 监听 回调时机 - 1014
preload、prefetch、preconnect、dns-prefetch 四种资源提示分别影响加载流程的哪个环节，preload 为什么需要 as 属性？
围绕“preload、prefetch、preconnect、dns-prefetch 四种资源提示分别影响加载流程的哪个”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按当前导航必需、未来导航可能需要、提前建连、仅 DNS 预解析区分四者，并说明 as 决定请求优先级与缓存匹配。
核心关键词preload prefetch preconnect 资源提示 优先级 - 1015
把一个大任务拆成多个小任务时，scheduler.yield 相比 setTimeout(0) 在恢复优先级上有什么优势？
围绕“把一个大任务拆成多个小任务时，scheduler.yield 相比 setTimeout(0) 在恢复优先级上有什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 yield 后任务继续以接近原优先级排队的语义及其对长任务拆分响应性的意义。
核心关键词scheduler.yield 任务拆分 让出主线程 - 1016
script 标签的 defer 与 async 属性在下载时机、执行顺序和相对 DOMContentLoaded 的执行点上有什么区别？
本文深入解析普通、async、defer 三种 script 在下载时机、执行顺序及 DOMContentLoaded 触发上的差异，并通过具体场景和边界条件帮助判断选型。
核心关键词script defer async 执行顺序 DOMContentLoaded - 1017
setTimeout 嵌套调用超过一定层数后为什么最小延迟会变成 4ms，后台标签页中定时器还会被怎样节流？
围绕“setTimeout 嵌套调用超过一定层数后为什么最小延迟会变成 4ms，后台标签页中定时器还会被怎样节流”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明规范中嵌套层级的最小延迟钳制与后台页定时器降频（最低约 1 秒一次）两条独立规则。
核心关键词setTimeout 4ms 钳制 后台节流 - 1018
为什么用 transform 和 opacity 做动画通常比修改 top/left 或 width 更流畅？
围绕“为什么用 transform 和 opacity 做动画通常比修改 top/left 或 width 更流畅”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须落到三类属性分别触发布局、绘制、仅合成的流水线差异上。
核心关键词transform opacity 动画 合成线程 性能 - 1019
View Transitions API 在 DOM 更新前后分别做了什么，为什么它能让状态切换变成平滑动画而不手写关键帧？
围绕“View Transitions API 在 DOM 更新前后分别做了什么，为什么它能让状态切换变成平滑动画而不手写”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浏览器捕获新旧状态快照、在回调内同步完成 DOM 更新、对两层快照做交叉过渡的机制。
核心关键词View Transitions API startViewTransition 过渡动画 - 1020
实现十万条数据的虚拟列表，核心渲染策略是什么，固定行高与不定行高在实现难度上差在哪？
围绕“实现十万条数据的虚拟列表，核心渲染策略是什么，固定行高与不定行高在实现难度上差在哪”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明只渲染可视区加缓冲项、用临时标记撑出滚动高度的核心机制，并对比不定高带来的测量与滚动定位问题。
核心关键词虚拟列表 长列表 渲染 窗口化 - 1021
基于 visibilitychange 事件，哪些类型的页面任务应该在页面隐藏时暂停或降级，为什么？
围绕“基于 visibilitychange 事件，哪些类型的页面任务应该在页面隐藏时暂停或降级，为什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出暂停视频/动画、停止轮询、保存草稿等具体决策及对应资源理由，并说明 hidden 时 rAF 与定时器本就被节流。
核心关键词visibilitychange 暂停视频 轮询 草稿保存 - 1022
VisualViewport API 与 window.innerWidth 衡量的视口有何不同，移动端弹出软键盘后页面布局该参考哪个？
围绕“VisualViewport API 与 window.innerWidth 衡量的视口有何不同，移动端弹出软键盘后”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分布局视口与 pinch 缩放/键盘遮挡后的可视视口，并说明用 resize/scroll 事件跟随可视区。
核心关键词VisualViewport 视觉视口 布局视口 软键盘 - 1023
哪类计算适合移入 Web Worker，Worker 与主线程通信的 postMessage 结构化克隆会带来什么成本？
围绕“哪类计算适合移入 Web Worker，Worker 与主线程通信的 postMessage 结构化克隆会带来什么成”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出适用判定（CPU 密集、无需 DOM）并量化大数据拷贝成本、提到 Transferable 转移方案。
核心关键词Web Worker 主线程 卸载计算 postMessage 成本 - 1024
CSS will-change 应该什么时候声明、为什么长期挂在大量元素上反而会拖慢页面？
围绕“CSS will-change 应该什么时候声明、为什么长期挂在大量元素上反而会拖慢页面”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它是给浏览器的优化提示、应在使用前临时添加用完移除，以及每层占用纹理内存的代价。
核心关键词will-change 合成层 内存 代价 - 1025
Cookie 的 Expires 和 Max-Age 如何决定其是会话级还是持久级？
围绕“Cookie 的 Expires 和 Max-Age 如何决定其是会话级还是持久级”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须比较两者优先级和缺省行为。
核心关键词Cookie Expires 与 Max-Age 会话与持久 - 1026
Cookie 的 HttpOnly、Secure 和 SameSite 属性各自解决什么问题？
本题说明 Cookie 三个安全属性各自的防御目标：HttpOnly 防脚本窃取、Secure 防明文传输窃听、SameSite 防跨站伪造请求，并给出真实配置场景与失效边界。
核心关键词Cookie HttpOnly Secure SameSite 属性作用 - 1027
Cookie 的 Path 和 Domain 属性如何联合限定其作用域？
围绕“Cookie 的 Path 和 Domain 属性如何联合限定其作用域”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明子路径和子域发送规则及重复 Cookie 冲突。
核心关键词Cookie Path 和 Domain 作用域规则 - 1028
Cookie 名字中的 __Host- 前缀有哪些约束？
围绕“Cookie 名字中的 __Host- 前缀有哪些约束”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明名称前缀覆盖 Secure/Path/Domain 条件。
核心关键词__Host- Cookie 前缀约束 - 1029
SameSite=Lax 和 Strict 在实际导航中有什么不同？
围绕“SameSite=Lax 和 Strict 在实际导航中有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分顶级导航与 iframe/子资源发送条件。
核心关键词SameSite Lax 与 Strict 的区别 - 1030
为什么 SameSite=None 必须配合 Secure 属性？
围绕“为什么 SameSite=None 必须配合 Secure 属性”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释现代浏览器强制要求。
核心关键词SameSite=None 为什么必须加 Secure - 1031
Secure 属性在 localhost 或 HTTP 环境下如何使用？
围绕“Secure 属性在 localhost 或 HTTP 环境下如何使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释现代浏览器将 localhost 视为可信源。
核心关键词Secure Cookie 在 localhost 的例外 - 1032
Cookie 大小和数量的上限是多少？
围绕“Cookie 大小和数量的上限是多少”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答浏览器常见限制（4096 字节、约 20 个）。
核心关键词Cookie 大小与数量上限 - 1033
Cookie 中 Domain= 属性是否包含点号前缀对子域访问有什么影响？
围绕“Cookie 中 Domain= 属性是否包含点号前缀对子域访问有什么影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释遗漏 Domain 则仅为宿主域。
核心关键词Cookie Domain 点号与子域访问 - 1034
Cookie、localStorage 和 IndexedDB 分别适合存储什么类型的数据？
围绕“Cookie、localStorage 和 IndexedDB 分别适合存储什么类型的数据”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须基于数据大小、同步/异步、结构化程度给出选择决策。
核心关键词Cookie localStorage IndexedDB 区别与适用场景 - 1035
Web Locks API 如何避免多个标签页同时修改 IndexedDB？
围绕“Web Locks API 如何避免多个标签页同时修改 IndexedDB”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过锁获取协调，而不是简单使用 transaction。
核心关键词Web Locks API 多标签页互斥 - 1036
如何用 BroadcastChannel 实现 localStorage 的跨标签页同步？
围绕“如何用 BroadcastChannel 实现 localStorage 的跨标签页同步”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出监听 storage 事件之外的另一方案，并对比。
核心关键词BroadcastChannel 跨标签页同步 localStorage - 1037
IndexedDB 中存储 Blob 和 ArrayBuffer 有什么不同？
围绕“IndexedDB 中存储 Blob 和 ArrayBuffer 有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确序列化复制与内存表现。
核心关键词IndexedDB 存 Blob 与 ArrayBuffer 区别 - 1038
IndexedDB 事务成功的标志是 oncomplete、onsuccess 还是 onerror？
围绕“IndexedDB 事务成功的标志是 oncomplete、onsuccess 还是 onerror”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分事务级事件和请求级事件。
核心关键词IndexedDB 事务 oncomplete 与 onsuccess - 1039
IndexedDB 如何创建复合索引并用其查询？
围绕“IndexedDB 如何创建复合索引并用其查询”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须使用索引数组作为 keyPath 并说明查询顺序。
核心关键词IndexedDB 复合索引创建与查询 - 1040
什么时候应该用 IndexedDB 游标而不是直接用 get 或 index？
围绕“什么时候应该用 IndexedDB 游标而不是直接用 get 或 index”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出范围扫描和分页场景。
核心关键词IndexedDB 游标适用场景与性能 - 1041
IndexedDB 删除数据库时无法删除会触发什么错误？
围绕“IndexedDB 删除数据库时无法删除会触发什么错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出可能因连接未关闭而触发 blocked。
核心关键词deleteDatabase blocked 错误处理 - 1042
IndexedDB 中 getAll 和 getAllKeys 有什么区别？
围绕“IndexedDB 中 getAll 和 getAllKeys 有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确返回值包含值还是键。
核心关键词IndexedDB getAll 与 getAllKeys 区别 - 1043
IndexedDB 在某些隐私浏览模式下不可用，如何优雅降级？
围绕“IndexedDB 在某些隐私浏览模式下不可用，如何优雅降级”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出检测和备选内存存储方案。
核心关键词IndexedDB 不可用时的降级方案 - 1044
IDBKeyRange 可以在哪些查询场景下使用？
围绕“IDBKeyRange 可以在哪些查询场景下使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出 between/only/outside 等边界查询，不覆盖游标方向。
核心关键词IDBKeyRange 范围查询用法 - 1045
IndexedDB 的主键和索引有什么区别？
围绕“IndexedDB 的主键和索引有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确两者在查询和约束上的差别。
核心关键词IndexedDB 主键与索引的区别 - 1046
IndexedDB 中 autoIncrement 和 keyPath 能同时使用吗？
围绕“IndexedDB 中 autoIncrement 和 keyPath 能同时使用吗”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出可生成 key 但不作为 keyPath 的用法。
核心关键词IndexedDB autoIncrement 与 keyPath 同用 - 1047
如何用 IndexedDB 实现对对象存储的增删改查？
围绕“如何用 IndexedDB 实现对对象存储的增删改查”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分 add 和 put 的不同。
核心关键词IndexedDB 增删改查操作 - 1048
IndexedDB 中如何按条件批量删除旧数据？
围绕“IndexedDB 中如何按条件批量删除旧数据”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须使用游标遍历并调用 delete。
核心关键词IndexedDB 按条件批量删除旧数据 - 1049
如何将 IndexedDB 的请求式 API 封装成 Promise 形式？
围绕“如何将 IndexedDB 的请求式 API 封装成 Promise 形式”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须描述转换 IDBRequest 事件为 resolve/reject 的方法，不实现完整库。
核心关键词IndexedDB API 封装为 Promise - 1050
IndexedDB 支持存储哪些类型的数据？
围绕“IndexedDB 支持存储哪些类型的数据”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出 structured clone 支持范围（Blob、ArrayBuffer、对象等）及不支持的（函数、Symbol），不深入。
核心关键词IndexedDB 支持存储的数据类型