为什么在 activate 事件中清理旧版本缓存而不是在 install 事件中？
为什么在 activate 事件中清理旧版本缓存而不是在 install 事件中？ 本文先给出可直接复述的结论，再用最小代码说明activate 事件 清理旧缓存 cacheName的工作方式、判断依据、项目边界和常见误区。
核心关键词activate 事件 清理旧缓存 cacheName
面试知识索引 · 分类、标签与搜索
PWA · 缓存面试题，24 道完整答案
PWA · 缓存面试题第 1 页，显示第 1–24 题，共找到 24 道完整解析，可继续按分类、标签与关键词缩小范围。
24筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000PWA43AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138
查看全部 52 个分类
React Native135操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90HTML89Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
Cache Storage API 和浏览器 HTTP 缓存有什么区别，为什么 PWA 离线要显式使用 Cache API？
Cache Storage API 和浏览器 HTTP 缓存有什么区别，为什么 PWA 离线要显式使用 Cache API？ 本文先给出可直接复述的结论，再用最小代码说明Cache Storage API HTTP缓存 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Cache Storage API HTTP缓存 区别 - 0003
带内容哈希的静态资源与 HTML 文档应分别采用什么缓存与失效策略？
带内容哈希的静态资源与 HTML 文档应分别采用什么缓存与失效策略？ 本文先给出可直接复述的结论，再用最小代码说明内容哈希 缓存失效 HTML 静态资源的工作方式、判断依据、项目边界和常见误区。
核心关键词内容哈希 缓存失效 HTML 静态资源 - 0004
Cache First 缓存策略适用于 PWA 中哪些资源，它最大的风险是什么？
Cache First 缓存策略适用于 PWA 中哪些资源，它最大的风险是什么？ 本文先给出可直接复述的结论，再用最小代码说明Cache First 缓存策略 适用场景 风险的工作方式、判断依据、项目边界和常见误区。
核心关键词Cache First 缓存策略 适用场景 风险 - 0005
Cache Only 和 Network Only 两种极端策略各自适合什么资源？
Cache Only 和 Network Only 两种极端策略各自适合什么资源？ 本文先给出可直接复述的结论，再用最小代码说明Cache Only Network Only 适用资源的工作方式、判断依据、项目边界和常见误区。
核心关键词Cache Only Network Only 适用资源 - 0006
为什么把 fetch 的 Response 存入缓存前必须 response.clone()？
为什么把 fetch 的 Response 存入缓存前必须 response.clone()？ 本文先给出可直接复述的结论，再用最小代码说明Response clone 缓存 只读一次的工作方式、判断依据、项目边界和常见误区。
核心关键词Response clone 缓存 只读一次 - 0007
PWA 是否应该把大体积音视频资源纳入离线缓存，取舍标准和替代方案是什么？
PWA 是否应该把大体积音视频资源纳入离线缓存，取舍标准和替代方案是什么？ 本文先给出可直接复述的结论，再用最小代码说明离线缓存 大文件 音视频 取舍的工作方式、判断依据、项目边界和常见误区。
核心关键词离线缓存 大文件 音视频 取舍 - 0008
如何用 Chrome DevTools 的 Application 面板诊断 Service Worker 注册失败和缓存未命中的问题？
如何用 Chrome DevTools 的 Application 面板诊断 Service Worker 注册失败和缓存未命中的问题？ 本文先给出可直接复述的结论，再用最小代码说明DevTools Application Service Worker 调试的工作方式、判断依据、项目边界和常见误区。
核心关键词DevTools Application Service Worker 调试 - 0009
离线时图片加载失败如何用占位图回退，fetch 事件中如何实现按请求类型的回退？
离线时图片加载失败如何用占位图回退，fetch 事件中如何实现按请求类型的回退？ 本文先给出可直接复述的结论，再用最小代码说明离线图片占位 fallback fetch respondWith的工作方式、判断依据、项目边界和常见误区。
核心关键词离线图片占位 fallback fetch respondWith - 0010
如何在 fetch 事件中识别页面导航请求（request.mode === 'navigate'）并与静态资源分流处理？
如何在 fetch 事件中识别页面导航请求（request.mode === 'navigate'）并与静态资源分流处理？ 本文先给出可直接复述的结论，再用最小代码说明fetch 事件 request.mode navigate 分流的工作方式、判断依据、项目边界和常见误区。
核心关键词fetch 事件 request.mode navigate 分流 - 0011
Service Worker 的 install 事件中预缓存失败会发生什么，如何保证安装原子性？
Service Worker 的 install 事件中预缓存失败会发生什么，如何保证安装原子性？ 本文先给出可直接复述的结论，再用最小代码说明install 事件 预缓存失败 event.waitUntil的工作方式、判断依据、项目边界和常见误区。
核心关键词install 事件 预缓存失败 event.waitUntil - 0012
同一站点不同 scope 注册多个 Service Worker 会怎样，如何避免互相覆盖缓存？
同一站点不同 scope 注册多个 Service Worker 会怎样，如何避免互相覆盖缓存？ 本文先给出可直接复述的结论，再用最小代码说明多个 Service Worker scope 冲突的工作方式、判断依据、项目边界和常见误区。
核心关键词多个 Service Worker scope 冲突 - 0013
Network First 策略在什么业务场景下优于 Cache First，网络超时时应如何兜底？
Network First 策略在什么业务场景下优于 Cache First，网络超时时应如何兜底？ 本文先给出可直接复述的结论，再用最小代码说明Network First 策略 超时回退的工作方式、判断依据、项目边界和常见误区。
核心关键词Network First 策略 超时回退 - 0014
离线状态下 API 数据请求应该如何设计回退，返回缓存数据和返回错误提示如何取舍？
离线状态下 API 数据请求应该如何设计回退，返回缓存数据和返回错误提示如何取舍？ 本文先给出可直接复述的结论，再用最小代码说明离线 API 请求 回退 缓存数据的工作方式、判断依据、项目边界和常见误区。
核心关键词离线 API 请求 回退 缓存数据 - 0015
navigator.onLine 和 online/offline 事件为什么不足以判断真实连通性，离线功能应如何兜底？
navigator.onLine 和 online/offline 事件为什么不足以判断真实连通性，离线功能应如何兜底？ 本文先给出可直接复述的结论，再用最小代码说明navigator.onLine online事件 可靠性的工作方式、判断依据、项目边界和常见误区。
核心关键词navigator.onLine online事件 可靠性 - 0016
跨域 no-cors 请求缓存得到的 opaque response 有什么问题，如何影响存储配额统计？
跨域 no-cors 请求缓存得到的 opaque response 有什么问题，如何影响存储配额统计？ 本文先给出可直接复述的结论，再用最小代码说明opaque response 跨域缓存 配额的工作方式、判断依据、项目边界和常见误区。
核心关键词opaque response 跨域缓存 配额 - 0017
预缓存（precaching）和运行时缓存（runtime caching）的区别是什么，各自适合缓存什么？
预缓存（precaching）和运行时缓存（runtime caching）的区别是什么，各自适合缓存什么？ 本文先给出可直接复述的结论，再用最小代码说明precaching runtime caching 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词precaching runtime caching 区别 - 0018
渐进增强视角下，浏览器不支持 Service Worker 时站点应如何保证功能可用？
渐进增强视角下，浏览器不支持 Service Worker 时站点应如何保证功能可用？ 本文先给出可直接复述的结论，再用最小代码说明渐进增强 Service Worker 不支持 降级的工作方式、判断依据、项目边界和常见误区。
核心关键词渐进增强 Service Worker 不支持 降级 - 0019
为什么建议对 Service Worker 脚本本身设置很短的 HTTP 缓存或使用 no-cache？
为什么建议对 Service Worker 脚本本身设置很短的 HTTP 缓存或使用 no-cache？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker 脚本 HTTP缓存 max-age的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker 脚本 HTTP缓存 max-age - 0020
Stale-While-Revalidate 策略如何实现，为什么它适合列表页这类场景？
Stale-While-Revalidate 策略如何实现，为什么它适合列表页这类场景？ 本文先给出可直接复述的结论，再用最小代码说明Stale While Revalidate 实现原理 适用场景的工作方式、判断依据、项目边界和常见误区。
核心关键词Stale While Revalidate 实现原理 适用场景 - 0021
PWA 如何用 StorageManager.estimate() 监控缓存占用，浏览器在什么情况下会主动清除站点存储？
PWA 如何用 StorageManager.estimate() 监控缓存占用，浏览器在什么情况下会主动清除站点存储？ 本文先给出可直接复述的结论，再用最小代码说明StorageManager estimate 配额 存储驱逐的工作方式、判断依据、项目边界和常见误区。
核心关键词StorageManager estimate 配额 存储驱逐 - 0022
什么时候应该注销 Service Worker，unregister() 之后缓存会一起清除吗？
什么时候应该注销 Service Worker，unregister() 之后缓存会一起清除吗？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker unregister 注销 清缓存的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker unregister 注销 清缓存 - 0023
部署了新代码但用户仍看到旧页面，从 Service Worker 角度列出最可能的原因清单？
部署了新代码但用户仍看到旧页面，从 Service Worker 角度列出最可能的原因清单？ 本文先给出可直接复述的结论，再用最小代码说明Service Worker 不更新 排查的工作方式、判断依据、项目边界和常见误区。
核心关键词Service Worker 不更新 排查 - 0024
PWA 缓存如何设计版本化命名，保证发布新版本时旧缓存被安全替换？
PWA 缓存如何设计版本化命名，保证发布新版本时旧缓存被安全替换？ 本文先给出可直接复述的结论，再用最小代码说明缓存版本命名 版本迁移的工作方式、判断依据、项目边界和常见误区。
核心关键词缓存版本命名 版本迁移