1. 什么是IndexedDB？
IndexedDB是一种Web API，用于在Web浏览器中存储和检索大量结构化数据。它提供了一种在浏览器内部存储数据的方法，而无需使用cookie或其他浏览器存储机制。与其他存储机制不同的是，IndexedDB是一个事务性的数据库系统，允许您通过一个事务在一组对象存储区中存储和检索数据。
IndexedDB 是一个 NoSQL 数据库，使用 JavaScript 进行操作。IndexedDB 允许开发人员在浏览器本地存储结构化数据，数据被存储在表中，每个表中有多个属性，每个属性有一个名字和一个类型。
2. IndexedDB 的架构
IndexedDB 采用了一种对象存储模型来存储数据，数据本身以键值对的形式保存。它有以下的架构：
数据库： 一个数据库可以包含多个对象存储空间，每个对象存储空间都有一个唯一的名称。
对象存储空间: 对象存储空间存储了一组对象，每个对象都有一个键值与之对应。对象存储空间中可以存储多个数据对象，数据对象可以包含任意属性。
索引： 索引是一个对象存储空间中的键值对的集合，每个键值对可以通过一个键访问到一个或多个数据对象。需要注意的是：每个索引都有一个唯一的名称。
事务：IndexedDB使用事务来控制数据访问，以确保数据的完整性。事务可以是只读的或读写的，用于在一个目标对象存储空间中执行对数据的读取或写入操作。
3. IndexedDB 的优势
1. 离线数据存取：IndexedDB 数据库存储在本地，本地数据可离线存取，不需要直接访问服务器即可使用离线数据。
2. 事务控制：IndexedDB 具有事务控制机制，可以确保对数据的读写操作的完整性。
3. 较大数据处理能力：IndexedDB 适用于大规模数据存储和处理，对于需要大量数据的应用程序非常有用。
4. 支持二进制数据存储：IndexedDB 能够存储并操作二进制数据，这使得它成为一种强大的图像处理和音频处理工具。
4. IndexedDB 具体应用场景
4.1 存储大量结构化数据
IndexedDB 适合存储大量的结构化数据，如用户详细信息、文档、图片、音频、视频等数据。
// 在设置对象存储空间时，可以指定单独的键
const db = event.target.result;
const store = db.createObjectStore('users', {keyPath: 'userID'});
4.2 实现离线应用
IndexedDB 具有优秀的离线功能，可以在没有网络连接的情况下存储和检索数据，使得开发人员可以构建离线应用程序。
//请求方式
var request = window.indexedDB.open(dbName, version);
//请求打开数据库成功后的回调函数
request.onsuccess = function(event){
//在这里操作indexedDB数据库
}
4.3 本地缓存
IndexedDB 适合用于本地缓存，在用户离线或者网络不稳定时，允许您缓存数据。这容易使网站更快，而且可以缓解对服务器的网络负载。
var request = indexedDB.open("myDB", 1);
request.onupgradeneeded = function(event) {
var db = event.target.result;
var store = db.createObjectStore("myStore");
};
request.onsuccess = function(event) {
var db = event.target.result;
var transaction = db.transaction("myStore", "readwrite");
var store = transaction.objectStore("myStore");
var request = store.add({id: 1, name: "test"});
request.onsuccess = function(event) {
console.log("Added successfully");
};
};
5. IndexedDB 兼容性
IndexedDB 是 HTML5 中的一项新技术，所以并不是所有浏览器都支持 IndexedDB。不过，目前主要使用的浏览器，包括 Chrome、Firefox、Safari、Microsoft Edge、Internet Explorer 10+ 以及 Opera 等都已完全支持 IndexedDB。但是，IE10 和 IE11 所支持的 IndexedDB 的实现版本与其他浏览器的实现不同，需要开发人员进行特殊管理。
6. 结论
IndexedDB 是一项在HTML5标准中为Web浏览器添加的新技术。它是一种非常有前途的技术，特别适合用于存储结构化数据、实现离线应用和缓存数据。IndexedDB 在兼容性上一直存在问题，但是随着 HTML5 标准应用的不断扩大，IndexedDB 将成为必须的一项技术之一。