indexdb

什么是IndexedDB

​ IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索。虽然 Web Storage 在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的解决方案。

使用场景

所有的场景都基于客户端需要存储大量数据的前提下：

1. 数据可视化等界面，大量数据，每次请求会消耗很大性能。
2. 即时聊天工具，大量消息需要存在本地。
3. 其它存储方式容量不满足时，不得已使用IndexedDB

特点

- 非关系型数据库

​ 键值对储存 IndexedDB 内部采用对象仓库（object store）存放数据。所有类型的数据都可以直接存入，包括 JavaScript 对象。对象仓库中，数据以”键值对”的形式保存，每一个数据记录都有对应的主键，主键是独一无二的，不能有重复，否则会抛出一个错误。

- 操作不会锁死浏览器

​ 异步 IndexedDB 操作时不会锁死浏览器，用户依然可以进行其他操作，这与 LocalStorage 形成对比，后者的操作是同步的。异步设计是为了防止大量数据的读写，拖慢网页的表现。

- 支持事务

​ 支持事务（transaction），这意味着一系列操作步骤之中，只要有一步失败，整个事务就都取消，数据库回滚到事务发生之前的状态，不存在只改写一部分数据的情况。

- 同源限制

​ IndexedDB 受到同源限制，每一个数据库对应创建它的域名。网页只能访问自身域名下的数据库，而不能访问跨域的数据库。

- 支持二进制存储

​ IndexedDB 不仅可以储存字符串，还可以储存二进制数据（ArrayBuffer 对象和 Blob 对象。

- 存储空间大

​ IndexedDB 的储存空间比 LocalStorage 大得多，一般来说不少于 250MB，甚至没有上限。储 存 在 电 脑 上 中 的 位 置 为 C:\Users\当 前 的 登 录 用 户\AppData\Local\Google\Chrome\User Data\Default\IndexedDB

核心概念

• 数据库：IDBDatabase 对象，数据库有版本概念，同一时刻只能有一个版本，每个域名可以建多个数据库
• 对象仓库：IDBObjectStore 对象，类似于关系型数据库的表格
• 索引： IDBIndex 对象，可以在对象仓库中，为不同的属性建立索引，主键建立默认索引
• 事务： IDBTransaction 对象，增删改查都需要通过事务来完成，事务对象提供了error,abord,complete三个回调方法，监听操作结果
• 操作请求：IDBRequest 对象
• 指针： IDBCursor 对象
• 主键集合：IDBKeyRange 对象，主键是默认建立索引的属性，可以取当前层级的某个属性，也可以指定下一层对象的属性，还可以是一个递增的整数

使用

业务中使用

1. 定期删除失效数据

​ 创建数据的时候可以以时间戳+失效时间来约定id规则。然后获取所有数据，筛选指定条件的数据，遍历数据，执行删除。在每次打开页面的时候清空失效数据，就可以实现定期删除失效数据的方法。

2. 用户使用日志收集

​ 在做一些前端electron应用，webApp,我们可以定义一个log日志库，来收集用户日志，遇到问题时，可以让用户，打包上传到日志库，排查跟进解决用户反馈问题。

3. 大文件上传，分片，避免网络失败，刷新页面等导致中断问题

​ 文件切片后先存储到indexedDB库，动态更新上传状态，异常状况可取出再继续定位到未上传的切片继续上传