目录

1. 开篇：PWA 到底是啥？
2. PWA 概览：核心技术一图看懂
3. Web App Manifest：把网站变成”可安装的 App”
4. Service Worker：浏览器背后的隐形代理
5. Cache Storage + Service Worker：离线缓存的实战模式
6. Service Worker 的生命周期详解
7. Workbox：生产环境的最佳实践
8. 消息推送（Web Push）
9. PWA 面试高频问题
10. 总结回顾

一、Web Worker 是什么

Web Worker 是浏览器提供的多线程运行环境，允许 JavaScript 在后台线程中执行耗时任务，不阻塞主线程的 UI 渲染和用户交互。

一、WebGL 是什么

WebGL（Web Graphics Library）是浏览器中实现 3D 渲染的 JavaScript API，基于 OpenGL ES 2.0/3.0 标准。它利用 GPU 进行硬件加速，能够在浏览器中渲染复杂的 3D 场景。

一、IndexedDB 是什么，为什么需要它

IndexedDB 是浏览器提供的一个客户端 NoSQL 数据库，可以存储大量结构化数据，支持索引、事务和游标查询。它是目前浏览器端功能最强大的存储方案。

本文全面介绍了前端安全的各个方面，包括加密算法、常见攻击方式及其防御措施，以及现代前端安全最佳实践。

一、什么是合成层

合成层是浏览器渲染过程中的一个概念。当页面元素被提升到独立的合成层时，该元素的绘制不需要与其他元素共享同一个位图，而是由 GPU 单独处理。这使得元素的变换（transform、opacity）动画不需要触发 Layout 和 Paint，大幅提升性能。

Service Worker 详解

目录

1. 开篇：一个故事看懂鉴权全貌
2. 前端鉴权概览：四种方式的横向对比
3. Cookie：浏览器的小纸条
4. localStorage & sessionStorage：前端本地存储
5. Cookie + Session 认证：经典的登录方案
6. Token 认证：现代 API 的首选
7. JWT：自带信息的令牌
8. OAuth 2.0 / SSO：第三方登录与单点登录
9. 面试高频问题汇总
10. 总结回顾

一、Blob 是什么

Blob（Binary Large Object）是浏览器中表示不可变的原始二进制数据的对象。它可以存储任意类型的数据（图片、文件、文本、音视频等），是浏览器文件处理的核心接口。

一、Canvas 是什么

Canvas（画布）是 HTML5 提供的一个通过 JavaScript 绘制图形的 API。它提供了一个 <canvas> 元素和一个 2D 渲染上下文（CanvasRenderingContext2D），允许开发者以编程方式绘制位图图形。