11、利用后台同步实现离线功能

利用后台同步实现离线功能

1. IndexedDB 基础操作

IndexedDB 是一个事务性数据库系统，应用程序必须通过事务来更新数据库，并且可以使用事务对象的 abort 方法中止事务。同时，它也是一个索引对象存储库。

以下是添加对象到存储库的示例代码：

request.onerror = function (event) {
  console.error('Add failure');
}

要查看代码执行结果，需使用浏览器的开发者工具：
1. 打开开发者工具。
2. 选择顶部的“Application”选项卡。
3. 展开左侧导航栏中的“IndexedDB”选项。
4. 由于 Chrome 不会自动刷新该面板内容，需右键点击“IndexedDB”并选择“Refresh IndexedDB”，才能看到数据库和存储库。

删除对象的代码如下：

// get a handle to the db
let db = theDB.result;
let idx = 3;
let request = db.transaction([STORE_NAME], "readwrite")
  .objectStore(STORE_NAME)
  .delete(idx);

// success!
request.onsuccess = function (event) {
  console.log(`It