前端面试题：PWA 与离线体验

1. 什么是 PWA？

• PWA 是 Progressive Web App。
• 它结合 Web 特性和原生应用体验。
• 支持离线、安装、推送通知等功能。

2. Service Worker 的作用是什么？

• 作为浏览器和网络之间的代理。
• 缓存资源，实现离线体验。
• 处理推送消息和后台同步。

3. 什么是 Web App Manifest？

• JSON 文件描述应用名称、图标、启动方式等。
• 使 PWA 可以被“安装”到主屏幕。

4. 如何实现离线缓存策略？

• 缓存静态资源并优先读取缓存。
• 使用 Cache First、Network First、Stale While Revalidate 等策略。

5. 如何处理 PWA 中的数据同步？

• 使用 Background Sync。
• 在网络恢复时重试失败请求。

6. 如何检测 PWA 是否已安装？

• 使用 beforeinstallprompt 事件。
• 监听 appinstalled 事件。

7. PWA 的安全要求是什么？

• 必须使用 HTTPS。
• Service Worker 只能在安全上下文运行。

8. PWA 面试常问的优化点有哪些？

• 首屏加载时间。
• 离线可用性。
• 缓存更新策略。
• 安装体验与应用提示。