MutationObserver 的回调是按每次 DOM 变更同步触发还是批量触发，这决定了它适合和不适合什么场景？
MutationObserver 的回调是按每次 DOM 变更同步触发还是批量触发，这决定了它适合和不适合什么场景？ 本文先给出可直接复述的结论，再用最小代码说明MutationObserver 批量回调 微任务 DOM 监听的工作方式、判断依据、项目边界和常见误区。
核心关键词MutationObserver 批量回调 微任务 DOM 监听
面试知识索引 · 分类、标签与搜索
5000+ 道程序员面试题，每题都有完整答案
程序员面试题库第 21 页，收录第 1001–1050 题，共 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
第 21 页
本页面试问题
按稳定语义路径排序
- 1001
- 1002
用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个时间戳？
用 PerformanceNavigationTiming 能拆解出页面加载的哪些阶段，TTFB 偏长应看其中哪几个时间戳？ 本文先给出可直接复述的结论，再用最小代码说明PerformanceNavigationTiming TTFB 加载阶段拆解的工作方式、判断依据、项目边界和常见误区。
核心关键词PerformanceNavigationTiming TTFB 加载阶段拆解 - 1003
OffscreenCanvas 解决了什么渲染瓶颈，把 canvas 绘制移进 Worker 需要满足什么前提？
OffscreenCanvas 解决了什么渲染瓶颈，把 canvas 绘制移进 Worker 需要满足什么前提？ 本文先给出可直接复述的结论，再用最小代码说明OffscreenCanvas Worker 离屏渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词OffscreenCanvas Worker 离屏渲染 - 1004
document.visibilityState 有哪几种取值，页面最小化与切到后台标签页分别进入哪个状态？
document.visibilityState 有哪几种取值，页面最小化与切到后台标签页分别进入哪个状态？ 本文先给出可直接复述的结论，再用最小代码说明Page Visibility API visibilityState 状态的工作方式、判断依据、项目边界和常见误区。
核心关键词Page Visibility API visibilityState 状态 - 1005
beforeunload、unload、pagehide 三个事件在触发时机与可靠性上有什么区别，移动端为什么应优先用 pagehide？
beforeunload、unload、pagehide 三个事件在触发时机与可靠性上有什么区别，移动端为什么应优先用 pagehide？ 本文先给出可直接复述的结论，再用最小代码说明beforeunload unload pagehide 区别 可靠性的工作方式、判断依据、项目边界和常见误区。
核心关键词beforeunload unload pagehide 区别 可靠性 - 1006
PerformancePaintTiming 提供的 first-paint 与 first-contentful-paint 有什么区别，FCP 偏晚通常意味着什么？
PerformancePaintTiming 提供的 first-paint 与 first-contentful-paint 有什么区别，FCP 偏晚通常意味着什么？ 本文先给出可直接复述的结论，再用最小代码说明PerformancePaintTiming FP FCP 首次绘制的工作方式、判断依据、项目边界和常见误区。
核心关键词PerformancePaintTiming FP FCP 首次绘制 - 1007
给 touchstart、wheel 监听加 passive:true 为什么能改善滚动流畅度，加上之后代码里不能再做什么？
给 touchstart、wheel 监听加 passive:true 为什么能改善滚动流畅度，加上之后代码里不能再做什么？ 本文先给出可直接复述的结论，再用最小代码说明passive 事件监听 滚动性能 preventDefault的工作方式、判断依据、项目边界和常见误区。
核心关键词passive 事件监听 滚动性能 preventDefault - 1008
HTML 解析器被脚本阻塞时，浏览器的预加载扫描器为什么还能提前发起资源请求？
HTML 解析器被脚本阻塞时，浏览器的预加载扫描器为什么还能提前发起资源请求？ 本文先给出可直接复述的结论，再用最小代码说明preload scanner 预加载扫描器 推测解析的工作方式、判断依据、项目边界和常见误区。
核心关键词preload scanner 预加载扫描器 推测解析 - 1009
哪些 DOM 读写操作会触发回流，为什么把多次几何读取集中到写入之前能减少回流次数？
哪些 DOM 读写操作会触发回流，为什么把多次几何读取集中到写入之前能减少回流次数？ 本文先给出可直接复述的结论，再用最小代码说明回流 reflow 触发 读写分离 批量更新的工作方式、判断依据、项目边界和常见误区。
核心关键词回流 reflow 触发 读写分离 批量更新 - 1010
重绘和回流的触发条件与开销有何不同，为什么修改 color 通常比修改 width 便宜？
重绘和回流的触发条件与开销有何不同，为什么修改 color 通常比修改 width 便宜？ 本文先给出可直接复述的结论，再用最小代码说明重绘 repaint 回流 reflow 区别 开销的工作方式、判断依据、项目边界和常见误区。
核心关键词重绘 repaint 回流 reflow 区别 开销 - 1011
requestAnimationFrame 的回调相对一次渲染更新的布局、绘制步骤在什么时候执行，为什么适合在里面读写 DOM？
requestAnimationFrame 的回调相对一次渲染更新的布局、绘制步骤在什么时候执行，为什么适合在里面读写 DOM？ 本文先给出可直接复述的结论，再用最小代码说明requestAnimationFrame 回调时机 渲染帧的工作方式、判断依据、项目边界和常见误区。
核心关键词requestAnimationFrame 回调时机 渲染帧 - 1012
requestIdleCallback 的回调在什么时机执行，deadline.timeRemaining 与 timeout 参数各自解决什么问题？
requestIdleCallback 的回调在什么时机执行，deadline.timeRemaining 与 timeout 参数各自解决什么问题？ 本文先给出可直接复述的结论，再用最小代码说明requestIdleCallback 空闲回调 deadline timeout的工作方式、判断依据、项目边界和常见误区。
核心关键词requestIdleCallback 空闲回调 deadline timeout - 1013
监听单个元素尺寸变化为什么要用 ResizeObserver 而不是 window 的 resize 事件，它的回调在渲染流程的哪个时机触发？
监听单个元素尺寸变化为什么要用 ResizeObserver 而不是 window 的 resize 事件，它的回调在渲染流程的哪个时机触发？ 本文先给出可直接复述的结论，再用最小代码说明ResizeObserver 元素尺寸 监听 回调时机的工作方式、判断依据、项目边界和常见误区。
核心关键词ResizeObserver 元素尺寸 监听 回调时机 - 1014
preload、prefetch、preconnect、dns-prefetch 四种资源提示分别影响加载流程的哪个环节，preload 为什么需要 as 属性？
preload、prefetch、preconnect、dns-prefetch 四种资源提示分别影响加载流程的哪个环节，preload 为什么需要 as 属性？ 本文先给出可直接复述的结论，再用最小代码说明preload prefetch preconnect 资源提示 优先级的工作方式、判断依据、项目边界和常见误区。
核心关键词preload prefetch preconnect 资源提示 优先级 - 1015
把一个大任务拆成多个小任务时，scheduler.yield 相比 setTimeout(0) 在恢复优先级上有什么优势？
把一个大任务拆成多个小任务时，scheduler.yield 相比 setTimeout(0) 在恢复优先级上有什么优势？ 本文先给出可直接复述的结论，再用最小代码说明scheduler.yield 任务拆分 让出主线程的工作方式、判断依据、项目边界和常见误区。
核心关键词scheduler.yield 任务拆分 让出主线程 - 1016
script 标签的 defer 与 async 属性在下载时机、执行顺序和相对 DOMContentLoaded 的执行点上有什么区别？
script 标签的 defer 与 async 属性在下载时机、执行顺序和相对 DOMContentLoaded 的执行点上有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明script defer async 执行顺序 DOMContentLoaded的工作方式、判断依据、项目边界和常见误区。
核心关键词script defer async 执行顺序 DOMContentLoaded - 1017
setTimeout 嵌套调用超过一定层数后为什么最小延迟会变成 4ms，后台标签页中定时器还会被怎样节流？
setTimeout 嵌套调用超过一定层数后为什么最小延迟会变成 4ms，后台标签页中定时器还会被怎样节流？ 本文先给出可直接复述的结论，再用最小代码说明setTimeout 4ms 钳制 后台节流的工作方式、判断依据、项目边界和常见误区。
核心关键词setTimeout 4ms 钳制 后台节流 - 1018
为什么用 transform 和 opacity 做动画通常比修改 top/left 或 width 更流畅？
为什么用 transform 和 opacity 做动画通常比修改 top/left 或 width 更流畅？ 本文先给出可直接复述的结论，再用最小代码说明transform opacity 动画 合成线程 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词transform opacity 动画 合成线程 性能 - 1019
View Transitions API 在 DOM 更新前后分别做了什么，为什么它能让状态切换变成平滑动画而不手写关键帧？
View Transitions API 在 DOM 更新前后分别做了什么，为什么它能让状态切换变成平滑动画而不手写关键帧？ 本文先给出可直接复述的结论，再用最小代码说明View Transitions API startViewTransition 过渡动画的工作方式、判断依据、项目边界和常见误区。
核心关键词View Transitions API startViewTransition 过渡动画 - 1020
实现十万条数据的虚拟列表，核心渲染策略是什么，固定行高与不定行高在实现难度上差在哪？
实现十万条数据的虚拟列表，核心渲染策略是什么，固定行高与不定行高在实现难度上差在哪？ 本文先给出可直接复述的结论，再用最小代码说明虚拟列表 长列表 渲染 窗口化的工作方式、判断依据、项目边界和常见误区。
核心关键词虚拟列表 长列表 渲染 窗口化 - 1021
基于 visibilitychange 事件，哪些类型的页面任务应该在页面隐藏时暂停或降级，为什么？
基于 visibilitychange 事件，哪些类型的页面任务应该在页面隐藏时暂停或降级，为什么？ 本文先给出可直接复述的结论，再用最小代码说明visibilitychange 暂停视频 轮询 草稿保存的工作方式、判断依据、项目边界和常见误区。
核心关键词visibilitychange 暂停视频 轮询 草稿保存 - 1022
VisualViewport API 与 window.innerWidth 衡量的视口有何不同，移动端弹出软键盘后页面布局该参考哪个？
VisualViewport API 与 window.innerWidth 衡量的视口有何不同，移动端弹出软键盘后页面布局该参考哪个？ 本文先给出可直接复述的结论，再用最小代码说明VisualViewport 视觉视口 布局视口 软键盘的工作方式、判断依据、项目边界和常见误区。
核心关键词VisualViewport 视觉视口 布局视口 软键盘 - 1023
哪类计算适合移入 Web Worker，Worker 与主线程通信的 postMessage 结构化克隆会带来什么成本？
哪类计算适合移入 Web Worker，Worker 与主线程通信的 postMessage 结构化克隆会带来什么成本？ 本文先给出可直接复述的结论，再用最小代码说明Web Worker 主线程 卸载计算 postMessage 成本的工作方式、判断依据、项目边界和常见误区。
核心关键词Web Worker 主线程 卸载计算 postMessage 成本 - 1024
CSS will-change 应该什么时候声明、为什么长期挂在大量元素上反而会拖慢页面？
CSS will-change 应该什么时候声明、为什么长期挂在大量元素上反而会拖慢页面？ 本文先给出可直接复述的结论，再用最小代码说明will-change 合成层 内存 代价的工作方式、判断依据、项目边界和常见误区。
核心关键词will-change 合成层 内存 代价 - 1025
Cookie 的 Expires 和 Max-Age 如何决定其是会话级还是持久级？
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 Path 和 Domain 作用域规则的工作方式、判断依据、项目边界和常见误区。
核心关键词Cookie Path 和 Domain 作用域规则 - 1028
Cookie 名字中的 __Host- 前缀有哪些约束？
Cookie 名字中的 __Host- 前缀有哪些约束？ 本文先给出可直接复述的结论，再用最小代码说明__Host- Cookie 前缀约束的工作方式、判断依据、项目边界和常见误区。
核心关键词__Host- Cookie 前缀约束 - 1029
SameSite=Lax 和 Strict 在实际导航中有什么不同？
SameSite=Lax 和 Strict 在实际导航中有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明SameSite Lax 与 Strict 的区别的工作方式、判断依据、项目边界和常见误区。
核心关键词SameSite Lax 与 Strict 的区别 - 1030
为什么 SameSite=None 必须配合 Secure 属性？
为什么 SameSite=None 必须配合 Secure 属性？ 本文先给出可直接复述的结论，再用最小代码说明SameSite=None 为什么必须加 Secure的工作方式、判断依据、项目边界和常见误区。
核心关键词SameSite=None 为什么必须加 Secure - 1031
Secure 属性在 localhost 或 HTTP 环境下如何使用？
Secure 属性在 localhost 或 HTTP 环境下如何使用？ 本文先给出可直接复述的结论，再用最小代码说明Secure Cookie 在 localhost 的例外的工作方式、判断依据、项目边界和常见误区。
核心关键词Secure Cookie 在 localhost 的例外 - 1032
Cookie 大小和数量的上限是多少？
Cookie 大小和数量的上限是多少？ 本文先给出可直接复述的结论，再用最小代码说明Cookie 大小与数量上限的工作方式、判断依据、项目边界和常见误区。
核心关键词Cookie 大小与数量上限 - 1033
Cookie 中 Domain= 属性是否包含点号前缀对子域访问有什么影响？
Cookie 中 Domain= 属性是否包含点号前缀对子域访问有什么影响？ 本文先给出可直接复述的结论，再用最小代码说明Cookie Domain 点号与子域访问的工作方式、判断依据、项目边界和常见误区。
核心关键词Cookie Domain 点号与子域访问 - 1034
Cookie、localStorage 和 IndexedDB 分别适合存储什么类型的数据？
Cookie、localStorage 和 IndexedDB 分别适合存储什么类型的数据？ 本文先给出可直接复述的结论，再用最小代码说明Cookie localStorage IndexedDB 区别与适用场景的工作方式、判断依据、项目边界和常见误区。
核心关键词Cookie localStorage IndexedDB 区别与适用场景 - 1035
Web Locks API 如何避免多个标签页同时修改 IndexedDB？
Web Locks API 如何避免多个标签页同时修改 IndexedDB？ 本文先给出可直接复述的结论，再用最小代码说明Web Locks API 多标签页互斥的工作方式、判断依据、项目边界和常见误区。
核心关键词Web Locks API 多标签页互斥 - 1036
如何用 BroadcastChannel 实现 localStorage 的跨标签页同步？
如何用 BroadcastChannel 实现 localStorage 的跨标签页同步？ 本文先给出可直接复述的结论，再用最小代码说明BroadcastChannel 跨标签页同步 localStorage的工作方式、判断依据、项目边界和常见误区。
核心关键词BroadcastChannel 跨标签页同步 localStorage - 1037
IndexedDB 中存储 Blob 和 ArrayBuffer 有什么不同？
IndexedDB 中存储 Blob 和 ArrayBuffer 有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 存 Blob 与 ArrayBuffer 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 存 Blob 与 ArrayBuffer 区别 - 1038
IndexedDB 事务成功的标志是 oncomplete、onsuccess 还是 onerror？
IndexedDB 事务成功的标志是 oncomplete、onsuccess 还是 onerror？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 事务 oncomplete 与 onsuccess的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 事务 oncomplete 与 onsuccess - 1039
IndexedDB 如何创建复合索引并用其查询？
IndexedDB 如何创建复合索引并用其查询？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 复合索引创建与查询的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 复合索引创建与查询 - 1040
什么时候应该用 IndexedDB 游标而不是直接用 get 或 index？
什么时候应该用 IndexedDB 游标而不是直接用 get 或 index？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 游标适用场景与性能的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 游标适用场景与性能 - 1041
IndexedDB 删除数据库时无法删除会触发什么错误？
IndexedDB 删除数据库时无法删除会触发什么错误？ 本文先给出可直接复述的结论，再用最小代码说明deleteDatabase blocked 错误处理的工作方式、判断依据、项目边界和常见误区。
核心关键词deleteDatabase blocked 错误处理 - 1042
IndexedDB 中 getAll 和 getAllKeys 有什么区别？
IndexedDB 中 getAll 和 getAllKeys 有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB getAll 与 getAllKeys 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB getAll 与 getAllKeys 区别 - 1043
IndexedDB 在某些隐私浏览模式下不可用，如何优雅降级？
IndexedDB 在某些隐私浏览模式下不可用，如何优雅降级？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 不可用时的降级方案的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 不可用时的降级方案 - 1044
IDBKeyRange 可以在哪些查询场景下使用？
IDBKeyRange 可以在哪些查询场景下使用？ 本文先给出可直接复述的结论，再用最小代码说明IDBKeyRange 范围查询用法的工作方式、判断依据、项目边界和常见误区。
核心关键词IDBKeyRange 范围查询用法 - 1045
IndexedDB 的主键和索引有什么区别？
IndexedDB 的主键和索引有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 主键与索引的区别的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 主键与索引的区别 - 1046
IndexedDB 中 autoIncrement 和 keyPath 能同时使用吗？
IndexedDB 中 autoIncrement 和 keyPath 能同时使用吗？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB autoIncrement 与 keyPath 同用的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB autoIncrement 与 keyPath 同用 - 1047
如何用 IndexedDB 实现对对象存储的增删改查？
如何用 IndexedDB 实现对对象存储的增删改查？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 增删改查操作的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 增删改查操作 - 1048
IndexedDB 中如何按条件批量删除旧数据？
IndexedDB 中如何按条件批量删除旧数据？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 按条件批量删除旧数据的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 按条件批量删除旧数据 - 1049
如何将 IndexedDB 的请求式 API 封装成 Promise 形式？
如何将 IndexedDB 的请求式 API 封装成 Promise 形式？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB API 封装为 Promise的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB API 封装为 Promise - 1050
IndexedDB 支持存储哪些类型的数据？
IndexedDB 支持存储哪些类型的数据？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB 支持存储的数据类型的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB 支持存储的数据类型