IndexedDB 事务与游标性能优化实践

概述掌握事务隔离与游标遍历是提升 IndexedDB 读写效率的关键。技术背景事务模式：`readonly`/`readwrite`，同一事务内顺序执行游标：正序/反序遍历，支持范围查询与主键/索引遍历核心实践批量写入与事务控制const tx = db.transaction('items', 'readwrite')

const store = tx.objectStore('items')

for (const item of batch) {

store.put(item)

}

await tx.done

游标遍历与范围查询const range = IDBKeyRange.bound('a', 'z')

const tx = db.transaction('items')

const store = tx.objectStore('items')

let cursor = await store.openCursor(range)

while (cursor) {

process(cursor.value)

cursor = await cursor.continue()

}

验证与参数测试：1e5 条记录批量写入与遍历；对比单条写入指标：事务耗时、锁等待、内存峰值；游标遍历速度注意事项避免长事务阻塞 UI；分批提交并显示进度合理设计索引与键路径，提升查询效率