为什么 localStorage 的同步读写会阻塞主线程？
围绕“为什么 localStorage 的同步读写会阻塞主线程”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释同进程访问磁盘/数据库导致 JS 线程等待。
核心关键词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）”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 persist() 的调用和用户授权与自动授予条件。
核心关键词StorageManager.persist 申请持久存储 - 0053
如何检测浏览器当前可用存储空间和已用配额？
围绕“如何检测浏览器当前可用存储空间和已用配额”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕用 Storage API 的 estimate() 返回 usage 和 quota。
核心关键词navigator.storage.estimate 查询存储配额 - 0054
当浏览器存储配额超限时，IndexedDB 会抛出什么错误？
围绕“当浏览器存储配额超限时，IndexedDB 会抛出什么错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出错误类型和监听 onabort/onerror。
核心关键词IndexedDB QuotaExceededError 处理 - 0055
sessionStorage 的数据生命周期与标签页或刷新有什么关系？
本文解释sessionStorage生命周期与标签页的关系：刷新保留数据，关闭标签页清除；新标签页默认独立，window.open或复制标签页可继承初始快照。区分复制、新开、刷新三种操作对sessionStorage的具体影响并给出工程判断。
核心关键词sessionStorage 生命周期与标签页刷新 - 0056
Storage Buckets API 能解决哪些存储配额管理问题？
围绕“Storage Buckets API 能解决哪些存储配额管理问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明创建多个桶并为每个设置配额。
核心关键词Storage Buckets API 配额管理 - 0057
为什么 storage 事件不会在当前页面触发？
本题解释 storage 事件不触发原因：其设定是通知其他同源文档，改动页面自身不接收；同时说明 localStorage 和 sessionStorage 的事件范围差异，以及实现跨页同步时的注意事项。
核心关键词storage 事件为什么不在当前页面触发 - 0058
浏览器对第三方 iframe 的 localStorage 和 Cookie 如何分区？
围绕“浏览器对第三方 iframe 的 localStorage 和 Cookie 如何分区”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答访问可能被阻止或返回空，不深入特定浏览器策略。
核心关键词第三方 iframe 存储分区 Cookie localStorage - 0059
当 localStorage 被清除时，storage 事件的 key 属性是什么？
围绕“当 localStorage 被清除时，storage 事件的 key 属性是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须明确整个 clear() 会触发 key 为 null 的事件。
核心关键词storage 事件 key 为 null 的情况 - 0060
Service（服务）Worker 的生命周期包括哪几个阶段？各阶段对应哪些事件？
围绕“Service（服务）Worker 的生命周期包括哪几个阶段？各阶段对应哪些事件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕重点在 install/activate/fetch 等事件。
核心关键词Service Worker 生命周期 install activate - 0061
Service（服务）Worker 如何与打开的页面进行双向通信？
围绕“Service（服务）Worker 如何与打开的页面进行双向通信”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕通过 postMessage 与 Client 交互。
核心关键词Service Worker 与页面双向通信 - 0062
Service（服务）Worker 的 fetch 事件如何拦截并处理页面发出的网络请求？
围绕“Service（服务）Worker 的 fetch 事件如何拦截并处理页面发出的网络请求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 respondWith 的方法与缓存策略的基础，不深入到 Cache API。
核心关键词Service Worker fetch 拦截 respondWith - 0063
当 Service（服务）Worker 的脚本文件更新时，浏览器如何决定是否启用新版本？
围绕“当 Service（服务）Worker 的脚本文件更新时，浏览器如何决定是否启用新版本”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要比较脚本内容变化与 skipWaiting。
核心关键词Service Worker 脚本更新机制 - 0064
浏览器中的 Workers 技术一共有哪几种，各自适用于什么场景？
讲解浏览器中专用 Worker、共享 Worker、Service Worker 三类线程的职责、生命周期差异，给出选型条件、常见误用边界与判断方法。
核心关键词Web Worker 种类与适用场景 - 0065
在一个 Worker 内部还能再创建新的 Worker 吗？嵌套 Worker 有什么限制？
围绕“在一个 Worker 内部还能再创建新的 Worker 吗？嵌套 Worker 有什么限制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕支持嵌套专用 Worker，但注意共享和 Service 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 而非推送”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要比较 registry、local、tar、oci 输出及离线分发与产物导出的适用场景。
核心关键词docker buildx --output oci tar 导出 - 0068
需要把前端仓库交付给无法访问远程的隔离环境时，git bundle 如何打包仓库并支持增量？
围绕“需要把前端仓库交付给无法访问远程的隔离环境时，git bundle 如何打包仓库并支持增量”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 bundle 作为可 clone 的单文件仓库及基于上次 bundle 的增量能力。
核心关键词git bundle 离线交付 增量打包 - 0069
git clone --filter=blob:none 部分克隆在超大型前端仓库中如何减少体积、代价是什么？
围绕“git clone --filter=blob:none 部分克隆在超大型前端仓库中如何减少体积、代价是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明按需拉取 blob 的懒加载机制与离线场景受限的代价，不与浅克隆混为一谈。
核心关键词git partial clone --filter=blob:none 大仓库 - 0070
为什么需要 Git 这样的分布式版本控制系统，它解决了本地备份和集中式 VCS 的哪些具体问题
本题解释 Git 分布式模型相对 SVN 等集中式 VCS 在离线提交、完整历史副本、单点故障恢复上的具体优势，并给出工程场景和适用边界。
核心关键词Git 分布式版本控制 优势 - 0071
HTTP 请求指令 only-if-cached 的效果是什么，缓存未命中时客户端会收到什么状态码？
围绕“HTTP 请求指令 only-if-cached 的效果是什么，缓存未命中时客户端会收到什么状态码”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确命中直接用、未命中返回 504 的行为及离线场景用途。
核心关键词only-if-cached 504 离线 - 0072
Service Worker 的 Cache Storage 与浏览器 HTTP 缓存是两套机制，fetch 时默认走哪个，如何避免双重缓存策略打架？
围绕“Service Worker 的 Cache Storage 与浏览器 HTTP 缓存是两套机制，fetch 时默认”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须讲清 fetch 事件拦截与 HTTP 缓存检查的先后关系及只在一层做策略的原则，不写 Service Worker 代码。
核心关键词Service Worker CacheStorage HTTP 缓存 优先级 - 0073
为什么在 activate 事件中清理旧版本缓存而不是在 install 事件中？
围绕“为什么在 activate 事件中清理旧版本缓存而不是在 install 事件中”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明版本化缓存名与清理时机的原因。
核心关键词activate 事件 清理旧缓存 cacheName - 0074
如何检测 PWA 已被安装以及当前是否运行在独立（standalone）窗口模式？
围绕“如何检测 PWA 已被安装以及当前是否运行在独立（standalone）窗口模式”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分安装事件监听与 display-mode 媒体查询两种检测。
核心关键词appinstalled display-mode standalone 检测 - 0075
Background Sync 如何在用户恢复网络后重放离线期间提交的表单请求？
围绕“Background Sync 如何在用户恢复网络后重放离线期间提交的表单请求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明注册 sync 事件与 IndexedDB 队列的配合，不讲推送通知。
核心关键词Background Sync 离线请求重放 - 0076
beforeinstallprompt 事件如何用于实现自定义安装按钮，为什么默认安装横幅有时不出现？
围绕“beforeinstallprompt 事件如何用于实现自定义安装按钮，为什么默认安装横幅有时不出现”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明事件拦截与延迟触发的实现及可安装性条件，不讲 manifest 字段细节。
核心关键词beforeinstallprompt 自定义安装按钮 - 0077
Cache Storage API 和浏览器 HTTP 缓存有什么区别，为什么 PWA 离线要显式使用 Cache API？
围绕“Cache Storage API 和浏览器 HTTP 缓存有什么区别，为什么 PWA 离线要显式使用 Cache ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要对比程序化控制与浏览器启发式缓存的可控性。
核心关键词Cache Storage API HTTP缓存 区别 - 0078
带内容哈希的静态资源与 HTML 文档应分别采用什么缓存与失效策略？
围绕“带内容哈希的静态资源与 HTML 文档应分别采用什么缓存与失效策略”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分 immutable 长缓存与 HTML 短时效的处理。
核心关键词内容哈希 缓存失效 HTML 静态资源 - 0079
Cache First 缓存策略适用于 PWA 中哪些资源，它最大的风险是什么？
围绕“Cache First 缓存策略适用于 PWA 中哪些资源，它最大的风险是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断适合缓存优先的资源类型及内容过期风险，不对比其他策略细节。
核心关键词Cache First 缓存策略 适用场景 风险 - 0080
Cache Only 和 Network Only 两种极端策略各自适合什么资源？
围绕“Cache Only 和 Network Only 两种极端策略各自适合什么资源”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分两类极端策略的资源归属与失败表现。
核心关键词Cache Only Network Only 适用资源 - 0081
为什么把 fetch 的 Response 存入缓存前必须 response.clone()？
围绕“为什么把 fetch 的 Response 存入缓存前必须 response.clone()”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释响应流只能消费一次及 clone 的正确位置，不讲缓存策略。
核心关键词Response clone 缓存 只读一次 - 0082
PWA 是否应该把大体积音视频资源纳入离线缓存，取舍标准和替代方案是什么？
围绕“PWA 是否应该把大体积音视频资源纳入离线缓存，取舍标准和替代方案是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖权衡配额占用与按需缓存/Range 请求方案，不讲通用缓存策略。
核心关键词离线缓存 大文件 音视频 取舍 - 0083
Clients.claim() 在什么时候需要调用，不调用会导致什么现象？
围绕“Clients.claim() 在什么时候需要调用，不调用会导致什么现象”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释激活后未受控页面的问题与调用时机。
核心关键词Clients.claim 立即控制页面 - 0084
监听 controllerchange 自动刷新页面为什么可能丢用户数据，更稳妥的做法是什么？
围绕“监听 controllerchange 自动刷新页面为什么可能丢用户数据，更稳妥的做法是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断强制 reload 的数据丢失场景与一次性刷新标记设计，不讲提示 UI。
核心关键词controllerchange 自动刷新 风险 - 0085
如何用 Chrome DevTools 的 Application 面板诊断 Service Worker 注册失败和缓存未命中的问题？
围绕“如何用 Chrome DevTools 的 Application 面板诊断 Service Worker 注册失败”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖给出注册状态、Update on reload、Cache Storage 的检查路径。
核心关键词DevTools Application Service Worker 调试 - 0086
离线时图片加载失败如何用占位图回退，fetch 事件中如何实现按请求类型的回退？
围绕“离线时图片加载失败如何用临时标记图回退，fetch 事件中如何实现按请求类型的回退”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖描述对图片请求返回预缓存临时标记资源的实现。
核心关键词离线图片占位 fallback fetch respondWith - 0087
如何在 fetch 事件中识别页面导航请求（request.mode === 'navigate'）并与静态资源分流处理？
围绕“如何在 fetch 事件中识别页面导航请求（request.mode === 'navigate'）并与静态资源分流”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明按请求模式分流到不同缓存逻辑的判断方式。
核心关键词fetch 事件 request.mode navigate 分流 - 0088
为什么 PWA 无法在用户首次访问时就提供离线能力，这对「离线可用」的宣传口径意味着什么？
围绕“为什么 PWA 无法在用户首次访问时就提供离线能力，这对「离线可用」的宣传口径意味着什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 SW 需先安装激活才能接管请求的事实与预期管理，不讲安装流程细节。
核心关键词PWA 首次访问 离线 限制 - 0089
为什么 Service Worker 只能在 HTTPS 下注册，localhost 为什么例外？
围绕“为什么 Service Worker 只能在 HTTPS 下注册，localhost 为什么例外”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释安全上下文要求与本地开发例外。
核心关键词Service Worker HTTPS 安全上下文 localhost - 0090
Service Worker 的 install 事件中预缓存失败会发生什么，如何保证安装原子性？
围绕“Service Worker 的 install 事件中预缓存失败会发生什么，如何保证安装原子性”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 waitUntil 失败导致安装中止的机制与降级方案。
核心关键词install 事件 预缓存失败 event.waitUntil - 0091
iOS Safari 上 PWA 的离线能力有哪些实际限制，面试中应如何说明兼容方案？
围绕“iOS Safari 上 PWA 的离线能力有哪些实际限制，面试中应如何说明兼容方案”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕列举存储上限、安装入口等差异与降级思路。
核心关键词iOS Safari PWA 离线 限制 - 0092
Lighthouse 的 PWA 审计检查哪些离线相关项，常见不通过的原因有哪些？
围绕“Lighthouse 的 PWA 审计检查哪些离线相关项，常见不通过的原因有哪些”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕列举离线 200 响应、manifest、SW 注册等检查点与失败原因，不讲性能指标。
核心关键词Lighthouse PWA 审计 离线 检查项 - 0093
同一站点不同 scope 注册多个 Service Worker 会怎样，如何避免互相覆盖缓存？
围绕“同一站点不同 scope 注册多个 Service Worker 会怎样，如何避免互相覆盖缓存”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释 scope 匹配优先级与缓存命名隔离的必要性，不讲生命周期。
核心关键词多个 Service Worker scope 冲突 - 0094
Navigation Preload 如何降低 Network First 页面的启动延迟，启用后要注意什么？
围绕“Navigation Preload 如何降低 Network First 页面的启动延迟，启用后要注意什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明预加载请求与 SW 启动并行的机制及 fetch 事件配合，不讲策略对比。
核心关键词Navigation Preload 导航预加载 - 0095
Network First 策略在什么业务场景下优于 Cache First，网络超时时应如何兜底？
围绕“Network First 策略在什么业务场景下优于 Cache First，网络超时时应如何兜底”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明网络优先的时效性收益与超时回退设计。
核心关键词Network First 策略 超时回退 - 0096
离线状态下 API 数据请求应该如何设计回退，返回缓存数据和返回错误提示如何取舍？
围绕“离线状态下 API 数据请求应该如何设计回退，返回缓存数据和返回错误提示如何取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕权衡陈旧数据展示与明确离线提示的产品决策。
核心关键词离线 API 请求 回退 缓存数据 - 0097
PWA 离线时如何为导航请求提供回退页面（offline fallback page），为什么需要单独处理导航请求？
围绕“PWA 离线时如何为导航请求提供回退页面（offline fallback page），为什么需要单独处理导航请求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明导航请求与静态资源请求分开处理的原因及回退页实现。
核心关键词离线回退页面 navigation fallback - 0098
navigator.onLine 和 online/offline 事件为什么不足以判断真实连通性，离线功能应如何兜底？
围绕“navigator.onLine 和 online/offline 事件为什么不足以判断真实连通性，离线功能应如何兜”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖指出该 API 只反映网络接口状态及以请求失败为准的兜底设计，不讲 SW 缓存。
核心关键词navigator.onLine online事件 可靠性 - 0099
跨域 no-cors 请求缓存得到的 opaque response 有什么问题，如何影响存储配额统计？
围绕“跨域 no-cors 请求缓存得到的 opaque response 有什么问题，如何影响存储配额统计”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明不透明响应无法校验状态与配额放大的风险，不讲 CORS 细节。
核心关键词opaque response 跨域缓存 配额 - 0100
navigator.storage.persist() 的作用是什么，哪些浏览器行为会因持久存储授权而改变？
围绕“navigator.storage.persist() 的作用是什么，哪些浏览器行为会因持久存储授权而改变”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释持久存储对驱逐行为的影响与授权条件，不讲配额估算。
核心关键词persistent storage persist 持久存储