🗃️ 数据持久化：IndexDB 与 LocalStorage 的选择与最佳实践

浏览器端的数据存储

前端应用需要将数据持久化到用户设备上，以实现离线访问、减少网络请求或保存用户配置。常见的浏览器存储方案有 LocalStorage 和 IndexDB。

存储方案对比：

特性	LocalStorage	IndexedDB
**存储容量**	通常 5-10MB	通常 50MB 到 GB 级别
**数据结构**	键值对（只支持字符串）	结构化数据（对象、数组）
**读写方式**	同步（阻塞主线程）	异步（非阻塞）

对于 **简单、小量** 的数据（如主题设置、用户 Token），**LocalStorage** 足够便捷。但对于 **大量、结构化** 的业务数据（如离线表单、大型缓存），必须使用 **IndexedDB**。它是前端的 NoSQL 数据库，提供事务（Transaction）和索引，保障数据的一致性和查询效率。在维护大型 PWA 应用时，IndexedDB 是实现离线功能的 核心支撑。