如何用 IndexedDB 存储从 API 获取的超大列表并实现二级索引

核心是分块写入+合理建模+复合索引设计：按500--1000条分批提交事务，主键用业务ID并扁平化字段，用['dept','status']等数组创建复合索引支持多维查询，写入前校验ID去重。用 IndexedDB 存储超大列表并支持二级索引，核心是分块写入 + 合理建模 + 复合索引设计。不一次性塞入全部数据，也不依赖单字段索引查多维条件。分批写入避免阻塞和内存溢出从 API 拉取的列表动辄上万条，直接 bulkAdd 会卡死页面或触发事务超时。应按每 500--1000 条为一批，用 transaction 分批次提交：每次 fetch 后切片（如 data.slice(i, i + 800)），逐批调用 objectStore.add() 或 put() 每批写完监听 transaction.oncomplete 再处理下一批，确保事务串行、不冲突 加 loading 状态与进度提示（如"已存 2400/12500"），避免用户误操作按查询场景设计对象结构和主键别直接存原始 API 返回对象。先归一化字段，明确主键与常用查询维度：主键建议用业务唯一 ID（如 id），而非自增数字，方便后续更新和关联 把高频筛选字段提前"扁平化"，例如原始数据含 {user: {name: 'A', dept: 'RD'}, status: 'active'}，存为 {id: 'u1001', userName: 'A', dept: 'RD', status: 'active', ...} 避免深层嵌套------IndexedDB 不支持对 user.name 这类路径建索引用 compound index（复合索引）实现二级索引所谓"二级索引"，本质是基于多个字段联合查询。IndexedDB 通过 createIndex(name, keyPath, options) 支持数组形式的 keyPath： Cleanup.pictures 智能移除图片中的物体、文本、污迹、人物或任何不想要的东西