17370845950

IndexedDB高级用法包括：1. 使用游标遍历数据，结合keyRange实现条件查询与分页；2. 创建索引（含复合索引）提升查询性能，注意写入开销；3. 通过事务控制保证数据一致性，监听错误并设计重试机制；4. 支持存储Blob等二进制文件，可切片处理大文件，配合Service Worker实现离线访问。

IndexedDB 是浏览器中功能强大的本地存储方案，适合处理大量结构化数据。相比 localStorage，它支持索引、事务、异步操作和复杂查询，适用于需要离线工作或缓存大量数据的 Web 应用。以下是 IndexedDB 的一些高级用法，帮助你更好地管理数据持久化。

1. 使用游标（Cursor）遍历大量数据

当需要读取或筛选大量记录时，直接使用 getAll() 可能会占用过多内存。游标允许逐条读取数据，提升性能和可控性。

游标可用于对象存储或索引，支持向前或向后遍历：

• 使用 openCursor() 遍历主键或值
• 结合 keyRange 实现条件过滤，比如获取某个范围内的数据
• 在 cursor.continue() 中实现分页加载，避免阻塞主线程

示例：按年龄范围查找用户

index.openKeyCursor(IDBKeyRange.bound(25, 35)).onsuccess = function(event) {
  const cursor = event.target.result;
  if (cursor) {
    console.log('用户ID:', cursor.key);
    cursor.continue();
  }
};

2. 利用索引优化查询性能

为频繁查询的字段创建索引，可大幅提升检索速度。复合索引还能支持多字段查询。

• 在版本升级时通过 createIndex() 添加索引
• 使用 unique: true 确保字段唯一性（如邮箱、用户名）
• 复合索引适用于联合条件，例如 {status: 'active', role: 'admin'}

注意：索引会增加写入开销，只对高频查询字段建立。

3. 事务控制与错误恢复

IndexedDB 基于事务运行，合理使用事务能保证数据一致性。

• 读写事务（'readwrite'）用于增删改，只读事务（'readonly'）用于查询
• 事务生命周期短，操作完成后自动关闭
• 监听事务的 onerror 和 onabort 事件进行异常处理
• 遇到并发修改时，事务可能失败，需设计重试机制

不要跨事件循环持有事务引用，否则会失效。

4. 处理大数据与二进制文件

IndexedDB 支持存储 Blob、ArrayBuffer 等二进制数据，适合缓存图片、音频或离线资源。

• 将文件切片存储，避免单条记录过大
• 使用 put() 存储 Blob，通过 URL.createObjectURL 读取
• 结合 Service Worker 实现离线资源访问

提示：单个数据库大小通常受限（几百MB到GB级），需监控使用情况。

基本上就这些。掌握游标、索引、事务和二进制处理，能让 IndexedDB 在复杂场景下稳定高效运行。不复杂但容易忽略细节，建议封装通用操作类来简化调用。