为什么 localStorage 的同步读写会阻塞主线程？
为什么 localStorage 的同步读写会阻塞主线程？ 本文先给出可直接复述的结论，再用最小代码说明localStorage 同步读写为什么阻塞主线程的工作方式、判断依据、项目边界和常见误区。
核心关键词localStorage 同步读写为什么阻塞主线程
面试知识索引 · 分类、标签与搜索
离线应用专题面试题，121 道完整答案
离线应用专题面试题第 2 页，显示第 51–100 题，共找到 121 道完整解析，可继续按分类、标签与关键词缩小范围。
121筛选结果
52技术分类
178检索标签
3索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类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
第 2 页
本页面试问题
按稳定语义路径排序
- 0051
- 0052
如何向浏览器申请永久性存储（persistent storage）？
如何向浏览器申请永久性存储（persistent storage）？ 本文先给出可直接复述的结论，再用最小代码说明StorageManager.persist 申请持久存储的工作方式、判断依据、项目边界和常见误区。
核心关键词StorageManager.persist 申请持久存储 - 0053
如何检测浏览器当前可用存储空间和已用配额？
如何检测浏览器当前可用存储空间和已用配额？ 本文先给出可直接复述的结论，再用最小代码说明navigator.storage.estimate 查询存储配额的工作方式、判断依据、项目边界和常见误区。
核心关键词navigator.storage.estimate 查询存储配额 - 0054
当浏览器存储配额超限时，IndexedDB 会抛出什么错误？
当浏览器存储配额超限时，IndexedDB 会抛出什么错误？ 本文先给出可直接复述的结论，再用最小代码说明IndexedDB QuotaExceededError 处理的工作方式、判断依据、项目边界和常见误区。
核心关键词IndexedDB QuotaExceededError 处理 - 0055
sessionStorage 的数据生命周期与标签页或刷新有什么关系？
sessionStorage 的数据生命周期与标签页或刷新有什么关系？ 本文先给出可直接复述的结论，再用最小代码说明sessionStorage 生命周期与标签页刷新的工作方式、判断依据、项目边界和常见误区。
核心关键词sessionStorage 生命周期与标签页刷新 - 0056
Storage Buckets API 能解决哪些存储配额管理问题？
Storage Buckets API 能解决哪些存储配额管理问题？ 本文先给出可直接复述的结论，再用最小代码说明Storage Buckets API 配额管理的工作方式、判断依据、项目边界和常见误区。
核心关键词Storage Buckets API 配额管理 - 0057
为什么 storage 事件不会在当前页面触发？
为什么 storage 事件不会在当前页面触发？ 本文先给出可直接复述的结论，再用最小代码说明storage 事件为什么不在当前页面触发的工作方式、判断依据、项目边界和常见误区。
核心关键词storage 事件为什么不在当前页面触发 - 0058
浏览器对第三方 iframe 的 localStorage 和 Cookie 如何分区？
浏览器对第三方 iframe 的 localStorage 和 Cookie 如何分区？ 本文先给出可直接复述的结论，再用最小代码说明第三方 iframe 存储分区 Cookie localStorage的工作方式、判断依据、项目边界和常见误区。
核心关键词第三方 iframe 存储分区 Cookie localStorage - 0059
当 localStorage 被清除时，storage 事件的 key 属性是什么？
当 localStorage 被清除时，storage 事件的 key 属性是什么？ 本文先给出可直接复述的结论，再用最小代码说明storage 事件 key 为 null 的情况的工作方式、判断依据、项目边界和常见误区。
核心关键词storage 事件 key 为 null 的情况 - 0060
Service（服务）Worker 的生命周期包括哪几个阶段？各阶段对应哪些事件？
Service（服务）Worker 的生命周期包括哪几个阶段？各阶段对应哪些事件？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker 生命周期 install activate的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker 生命周期 install activate - 0061
Service（服务）Worker 如何与打开的页面进行双向通信？
Service（服务）Worker 如何与打开的页面进行双向通信？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker 与页面双向通信的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker 与页面双向通信 - 0062
Service（服务）Worker 的 fetch 事件如何拦截并处理页面发出的网络请求？
Service（服务）Worker 的 fetch 事件如何拦截并处理页面发出的网络请求？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker fetch 拦截 respondWith的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker fetch 拦截 respondWith - 0063
当 Service（服务）Worker 的脚本文件更新时，浏览器如何决定是否启用新版本？
当 Service（服务）Worker 的脚本文件更新时，浏览器如何决定是否启用新版本？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker 脚本更新机制的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker 脚本更新机制 - 0064
浏览器中的 Workers 技术一共有哪几种，各自适用于什么场景？
讲解浏览器中专用 Worker、共享 Worker、Service Worker 三类线程的职责、生命周期差异，给出选型条件、常见误用边界与判断方法。
核心关键词Web Worker 种类与适用场景 - 0065
在一个 Worker 内部还能再创建新的 Worker 吗？嵌套 Worker 有什么限制？
在一个 Worker 内部还能再创建新的 Worker 吗？嵌套 Worker 有什么限制？ 本文先给出可直接复述的结论，再用最小代码说明嵌套 Worker 创建与限制的工作方式、判断依据、项目边界和常见误区。
核心关键词嵌套 Worker 创建与限制 - 0066
普通 Web Worker 和 Service（服务）Worker 在被用户关闭标签页后的生命周期有何不同？
普通 Web Worker 和 Service（服务）Worker 在被用户关闭标签页后的生命周期有何不同？ 本文先给出可直接复述的结论，再用最小代码说明Worker 与 Service Worker 标签页关闭生命周期的工作方式、判断依据、项目边界和常见误区。
核心关键词Worker 与 Service Worker 标签页关闭生命周期 - 0067
docker buildx build --output 有哪些输出类型，何时导出 OCI tarball 而非推送镜像？
docker buildx build --output 有哪些输出类型，何时导出 OCI tarball 而非推送镜像？ 本文先给出可直接复述的结论，再用最小代码说明docker buildx --output oci tar 导出的工作方式、判断依据、项目边界和常见误区。
核心关键词docker buildx --output oci tar 导出 - 0068
需要把前端仓库交付给无法访问远程的隔离环境时，git bundle 如何打包仓库并支持增量？
需要把前端仓库交付给无法访问远程的隔离环境时，git bundle 如何打包仓库并支持增量？ 本文先给出可直接复述的结论，再用最小代码说明git bundle 离线交付 增量打包的工作方式、判断依据、项目边界和常见误区。
核心关键词git bundle 离线交付 增量打包 - 0069
git clone --filter=blob:none 部分克隆在超大型前端仓库中如何减少体积、代价是什么？
git clone --filter=blob:none 部分克隆在超大型前端仓库中如何减少体积、代价是什么？ 本文先给出可直接复述的结论，再用最小代码说明git partial clone --filter=blob:none 大仓库的工作方式、判断依据、项目边界和常见误区。
核心关键词git partial clone --filter=blob:none 大仓库 - 0070
为什么需要 Git 这样的分布式版本控制系统，它解决了本地备份和集中式 VCS 的哪些具体问题
为什么需要 Git 这样的分布式版本控制系统，它解决了本地备份和集中式 VCS 的哪些具体问题 本文先给出可直接复述的结论，再用最小代码说明Git 分布式版本控制 优势的工作方式、判断依据、项目边界和常见误区。
核心关键词Git 分布式版本控制 优势 - 0071
HTTP 请求指令 only-if-cached 的效果是什么，缓存未命中时客户端会收到什么状态码？
HTTP 请求指令 only-if-cached 的效果是什么，缓存未命中时客户端会收到什么状态码？ 本文先给出可直接复述的结论，再用最小代码说明only-if-cached 504 离线的工作方式、判断依据、项目边界和常见误区。
核心关键词only-if-cached 504 离线 - 0072
Service Worker 的 Cache Storage 与浏览器 HTTP 缓存是两套机制，fetch 时默认走哪个，如何避免双重缓存策略打架？
Service Worker 的 Cache Storage 与浏览器 HTTP 缓存是两套机制，fetch 时默认走哪个，如何避免双重缓存策略打架？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker CacheStorage HTTP 缓存 优先级的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker CacheStorage HTTP 缓存 优先级 - 0073
为什么在 activate 事件中清理旧版本缓存而不是在 install 事件中？
为什么在 activate 事件中清理旧版本缓存而不是在 install 事件中？ 本文先给出可直接复述的结论，再用最小代码说明activate 事件 清理旧缓存 cacheName的工作方式、判断依据、项目边界和常见误区。
核心关键词activate 事件 清理旧缓存 cacheName - 0074
如何检测 PWA 已被安装以及当前是否运行在独立（standalone）窗口模式？
如何检测 PWA 已被安装以及当前是否运行在独立（standalone）窗口模式？ 本文先给出可直接复述的结论，再用最小代码说明appinstalled display-mode standalone 检测的工作方式、判断依据、项目边界和常见误区。
核心关键词appinstalled display-mode standalone 检测 - 0075
Background Sync 如何在用户恢复网络后重放离线期间提交的表单请求？
Background Sync 如何在用户恢复网络后重放离线期间提交的表单请求？ 本文先给出可直接复述的结论，再用最小代码说明Background Sync 离线请求重放的工作方式、判断依据、项目边界和常见误区。
核心关键词Background Sync 离线请求重放 - 0076
beforeinstallprompt 事件如何用于实现自定义安装按钮，为什么默认安装横幅有时不出现？
beforeinstallprompt 事件如何用于实现自定义安装按钮，为什么默认安装横幅有时不出现？ 本文先给出可直接复述的结论，再用最小代码说明beforeinstallprompt 自定义安装按钮的工作方式、判断依据、项目边界和常见误区。
核心关键词beforeinstallprompt 自定义安装按钮 - 0077
Cache Storage API 和浏览器 HTTP 缓存有什么区别，为什么 PWA 离线要显式使用 Cache API？
Cache Storage API 和浏览器 HTTP 缓存有什么区别，为什么 PWA 离线要显式使用 Cache API？ 本文先给出可直接复述的结论，再用最小代码说明Cache Storage API HTTP缓存 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Cache Storage API HTTP缓存 区别 - 0078
带内容哈希的静态资源与 HTML 文档应分别采用什么缓存与失效策略？
带内容哈希的静态资源与 HTML 文档应分别采用什么缓存与失效策略？ 本文先给出可直接复述的结论，再用最小代码说明内容哈希 缓存失效 HTML 静态资源的工作方式、判断依据、项目边界和常见误区。
核心关键词内容哈希 缓存失效 HTML 静态资源 - 0079
Cache First 缓存策略适用于 PWA 中哪些资源，它最大的风险是什么？
Cache First 缓存策略适用于 PWA 中哪些资源，它最大的风险是什么？ 本文先给出可直接复述的结论，再用最小代码说明Cache First 缓存策略 适用场景 风险的工作方式、判断依据、项目边界和常见误区。
核心关键词Cache First 缓存策略 适用场景 风险 - 0080
Cache Only 和 Network Only 两种极端策略各自适合什么资源？
Cache Only 和 Network Only 两种极端策略各自适合什么资源？ 本文先给出可直接复述的结论，再用最小代码说明Cache Only Network Only 适用资源的工作方式、判断依据、项目边界和常见误区。
核心关键词Cache Only Network Only 适用资源 - 0081
为什么把 fetch 的 Response 存入缓存前必须 response.clone()？
为什么把 fetch 的 Response 存入缓存前必须 response.clone()？ 本文先给出可直接复述的结论，再用最小代码说明Response clone 缓存 只读一次的工作方式、判断依据、项目边界和常见误区。
核心关键词Response clone 缓存 只读一次 - 0082
PWA 是否应该把大体积音视频资源纳入离线缓存，取舍标准和替代方案是什么？
PWA 是否应该把大体积音视频资源纳入离线缓存，取舍标准和替代方案是什么？ 本文先给出可直接复述的结论，再用最小代码说明离线缓存 大文件 音视频 取舍的工作方式、判断依据、项目边界和常见误区。
核心关键词离线缓存 大文件 音视频 取舍 - 0083
Clients.claim() 在什么时候需要调用，不调用会导致什么现象？
Clients.claim() 在什么时候需要调用，不调用会导致什么现象？ 本文先给出可直接复述的结论，再用最小代码说明Clients.claim 立即控制页面的工作方式、判断依据、项目边界和常见误区。
核心关键词Clients.claim 立即控制页面 - 0084
监听 controllerchange 自动刷新页面为什么可能丢用户数据，更稳妥的做法是什么？
监听 controllerchange 自动刷新页面为什么可能丢用户数据，更稳妥的做法是什么？ 本文先给出可直接复述的结论，再用最小代码说明controllerchange 自动刷新 风险的工作方式、判断依据、项目边界和常见误区。
核心关键词controllerchange 自动刷新 风险 - 0085
如何用 Chrome DevTools 的 Application 面板诊断 Service Worker 注册失败和缓存未命中的问题？
如何用 Chrome DevTools 的 Application 面板诊断 Service Worker 注册失败和缓存未命中的问题？ 本文先给出可直接复述的结论，再用最小代码说明DevTools Application Service Worker 调试的工作方式、判断依据、项目边界和常见误区。
核心关键词DevTools Application Service Worker 调试 - 0086
离线时图片加载失败如何用占位图回退，fetch 事件中如何实现按请求类型的回退？
离线时图片加载失败如何用占位图回退，fetch 事件中如何实现按请求类型的回退？ 本文先给出可直接复述的结论，再用最小代码说明离线图片占位 fallback fetch respondWith的工作方式、判断依据、项目边界和常见误区。
核心关键词离线图片占位 fallback fetch respondWith - 0087
如何在 fetch 事件中识别页面导航请求（request.mode === 'navigate'）并与静态资源分流处理？
如何在 fetch 事件中识别页面导航请求（request.mode === 'navigate'）并与静态资源分流处理？ 本文先给出可直接复述的结论，再用最小代码说明fetch 事件 request.mode navigate 分流的工作方式、判断依据、项目边界和常见误区。
核心关键词fetch 事件 request.mode navigate 分流 - 0088
为什么 PWA 无法在用户首次访问时就提供离线能力，这对「离线可用」的宣传口径意味着什么？
为什么 PWA 无法在用户首次访问时就提供离线能力，这对「离线可用」的宣传口径意味着什么？ 本文先给出可直接复述的结论，再用最小代码说明PWA 首次访问 离线 限制的工作方式、判断依据、项目边界和常见误区。
核心关键词PWA 首次访问 离线 限制 - 0089
为什么 Service Worker 只能在 HTTPS 下注册，localhost 为什么例外？
为什么 Service Worker 只能在 HTTPS 下注册，localhost 为什么例外？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker HTTPS 安全上下文 localhost的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker HTTPS 安全上下文 localhost - 0090
Service Worker 的 install 事件中预缓存失败会发生什么，如何保证安装原子性？
Service Worker 的 install 事件中预缓存失败会发生什么，如何保证安装原子性？ 本文先给出可直接复述的结论，再用最小代码说明install 事件 预缓存失败 event.waitUntil的工作方式、判断依据、项目边界和常见误区。
核心关键词install 事件 预缓存失败 event.waitUntil - 0091
iOS Safari 上 PWA 的离线能力有哪些实际限制，面试中应如何说明兼容方案？
iOS Safari 上 PWA 的离线能力有哪些实际限制，面试中应如何说明兼容方案？ 本文先给出可直接复述的结论，再用最小代码说明iOS Safari PWA 离线 限制的工作方式、判断依据、项目边界和常见误区。
核心关键词iOS Safari PWA 离线 限制 - 0092
Lighthouse 的 PWA 审计检查哪些离线相关项，常见不通过的原因有哪些？
Lighthouse 的 PWA 审计检查哪些离线相关项，常见不通过的原因有哪些？ 本文先给出可直接复述的结论，再用最小代码说明Lighthouse PWA 审计 离线 检查项的工作方式、判断依据、项目边界和常见误区。
核心关键词Lighthouse PWA 审计 离线 检查项 - 0093
同一站点不同 scope 注册多个 Service Worker 会怎样，如何避免互相覆盖缓存？
同一站点不同 scope 注册多个 Service Worker 会怎样，如何避免互相覆盖缓存？ 本文先给出可直接复述的结论，再用最小代码说明多个 Service Worker scope 冲突的工作方式、判断依据、项目边界和常见误区。
核心关键词多个 Service Worker scope 冲突 - 0094
Navigation Preload 如何降低 Network First 页面的启动延迟，启用后要注意什么？
Navigation Preload 如何降低 Network First 页面的启动延迟，启用后要注意什么？ 本文先给出可直接复述的结论，再用最小代码说明Navigation Preload 导航预加载的工作方式、判断依据、项目边界和常见误区。
核心关键词Navigation Preload 导航预加载 - 0095
Network First 策略在什么业务场景下优于 Cache First，网络超时时应如何兜底？
Network First 策略在什么业务场景下优于 Cache First，网络超时时应如何兜底？ 本文先给出可直接复述的结论，再用最小代码说明Network First 策略 超时回退的工作方式、判断依据、项目边界和常见误区。
核心关键词Network First 策略 超时回退 - 0096
离线状态下 API 数据请求应该如何设计回退，返回缓存数据和返回错误提示如何取舍？
离线状态下 API 数据请求应该如何设计回退，返回缓存数据和返回错误提示如何取舍？ 本文先给出可直接复述的结论，再用最小代码说明离线 API 请求 回退 缓存数据的工作方式、判断依据、项目边界和常见误区。
核心关键词离线 API 请求 回退 缓存数据 - 0097
PWA 离线时如何为导航请求提供回退页面（offline fallback page），为什么需要单独处理导航请求？
PWA 离线时如何为导航请求提供回退页面（offline fallback page），为什么需要单独处理导航请求？ 本文先给出可直接复述的结论，再用最小代码说明离线回退页面 navigation fallback的工作方式、判断依据、项目边界和常见误区。
核心关键词离线回退页面 navigation fallback - 0098
navigator.onLine 和 online/offline 事件为什么不足以判断真实连通性，离线功能应如何兜底？
navigator.onLine 和 online/offline 事件为什么不足以判断真实连通性，离线功能应如何兜底？ 本文先给出可直接复述的结论，再用最小代码说明navigator.onLine online事件 可靠性的工作方式、判断依据、项目边界和常见误区。
核心关键词navigator.onLine online事件 可靠性 - 0099
跨域 no-cors 请求缓存得到的 opaque response 有什么问题，如何影响存储配额统计？
跨域 no-cors 请求缓存得到的 opaque response 有什么问题，如何影响存储配额统计？ 本文先给出可直接复述的结论，再用最小代码说明opaque response 跨域缓存 配额的工作方式、判断依据、项目边界和常见误区。
核心关键词opaque response 跨域缓存 配额 - 0100
navigator.storage.persist() 的作用是什么，哪些浏览器行为会因持久存储授权而改变？
navigator.storage.persist() 的作用是什么，哪些浏览器行为会因持久存储授权而改变？ 本文先给出可直接复述的结论，再用最小代码说明persistent storage persist 持久存储的工作方式、判断依据、项目边界和常见误区。
核心关键词persistent storage persist 持久存储