"IndexedDB 大数据分页与虚拟滚动"

概述基于 IndexedDB 游标分页读取，前端采用虚拟列表技术减少 DOM 压力，保障大数据渲染性能。核心实现const range = IDBKeyRange.lowerBound(startKey) let cursor = await store.openCursor(range) const page = [] while (cursor && page.length < pageSize) { page.push(cursor.value) cursor = await cursor.continue() } 虚拟滚动仅渲染可视区域行；使用占位高度与窗口化技术对滚动事件做节流，批量更新验证与参数测试：10–50 万行数据；评估滚动帧率与内存占用注意事项合理索引设计与排序字段选择；避免无序遍历导致性能下降