indexeddb 使用实例

### 回答1：
IndexedDB 是一种浏览器内置的 NoSQL 数据库，允许您在浏览器中存储和检索数据。下面是一个基本的 IndexedDB 示例：

// 打开 IndexedDB 数据库
var request = window.indexedDB.open("myDatabase", 1);

// 处理成功和失败事件
request.onerror = function(event) {
  console.log("Database error: " + event.target.errorCode);
};
request.onsuccess = function(event) {
  console.log("Database opened successfully");
  var db = event.target.result;

  // 添加数据到数据库
  var transaction = db.transaction(["customers"], "readwrite");
  var objectStore = transaction.objectStore("customers");
  var customer = { name: "John", email: "john@example.com" };
  var request = objectStore.add(customer);
  request.onsuccess = function(event) {
    console.log("Customer added to database");
  };

  // 从数据库中检索数据
  var transaction = db.transaction(["customers"], "readonly");
  var objectStore = transaction.objectStore("customers");
  var request = objectStore.get(1);
  request.onerror = function(event) {
    console.log("Error retrieving customer");
  };
  request.onsuccess = function(event) {
    var customer = event.target.result;
    console.log("Retrieved customer: " + customer.name);
  };
};

// 创建数据库架构
request.onupgradeneeded = function(event) {
  var db = event.target.result;
  var objectStore = db.createObjectStore("customers", { keyPath: "id", autoIncrement: true });
  objectStore.createIndex("name", "name", { unique: false });
  objectStore.createIndex("email", "email", { unique: true });
};

这段代码会创建一个名为 "myDatabase" 的 IndexedDB 数据库，其中包含一个名为 "customers" 的对象仓库，用于存储客户数据。该代码还演示了如何向数据库添加数据、从数据库检索数据以及如何创建对象仓库和索引。

### 回答2：
IndexedDB 是一种在 web 浏览器中使用的客户端存储数据库。它可以用于存储大量结构化数据，并且能够在离线状态下进行访问。

一个使用 IndexedDB 的实例可以是一个在线笔记应用。在这个应用中，用户可以创建、编辑和删除笔记。使用 IndexedDB，应用可以将这些笔记存储在本地，以便用户在断网或者关闭浏览器后仍然可以访问。

在这个应用中，首先需要创建一个数据库，用于存储笔记的数据。然后，可以创建一个 object store，用于存储每一条笔记的数据。每一条笔记可以由一个对象表示，其中包含标题、内容和日期等属性。

当用户创建新的笔记时，应用会将该笔记的数据添加到 object store 中。当用户编辑或者删除笔记时，应用会相应地更新或者删除 object store 中对应的数据。

当用户重新打开应用时，可以从 IndexedDB 中获取存储的笔记数据，并在界面上展示出来。用户可以通过界面进行编辑，应用会即时地更新 IndexedDB 中的数据。

除了基本的增删改查操作，IndexedDB 还提供了强大的查询功能。通过使用索引，可以高效地搜索和过滤数据。例如，可以根据标题关键字进行搜索，并返回包含该关键字的所有笔记。

总而言之，IndexedDB 提供了一种方便可靠的方式来在 web 浏览器中存储大量结构化数据。通过使用它，可以实现很多实用的应用，如在线笔记应用等。

### 回答3：
IndexedDB 是 HTML5 标准中的一种客户端数据库，可以在浏览器中存储和操作大量的结构化数据。下面是一个使用 IndexedDB 的示例：

首先，在 JavaScript 中创建一个 IndexedDB 数据库，并指定数据库的名称和版本号：

let request = indexedDB.open('myDatabase', 1);

然后，在打开数据库成功的回调函数中创建一个对象存储空间（类似于表）：

request.onsuccess = (event) => {
  let db = event.target.result;
  let objectStore = db.createObjectStore('myObjectStore', { keyPath: 'id' });
};

现在，可以向对象存储空间中添加数据项：

request.onsuccess = (event) => {
  let db = event.target.result;
  let transaction = db.transaction('myObjectStore', 'readwrite');
  let objectStore = transaction.objectStore('myObjectStore');

  let data = { id: 1, name: 'John', age: 25 };
  let request = objectStore.add(data);

  request.onsuccess = (event) => {
    console.log('Data added successfully');
  };

  request.onerror = (event) => {
    console.error('Error adding data');
  };
};

还可以使用索引检索数据：

request.onsuccess = (event) => {
  let db = event.target.result;
  let transaction = db.transaction('myObjectStore', 'readonly');
  let objectStore = transaction.objectStore('myObjectStore');
  let index = objectStore.index('name');

  let request = index.get('John');

  request.onsuccess = (event) => {
    let data = event.target.result;
    console.log(`Name: ${data.name}, Age: ${data.age}`);
  };

  request.onerror = (event) => {
    console.error('Error retrieving data');
  };
};

此外，还可以更新和删除数据、创建和删除索引等等。这只是一个简单的使用 IndexedDB 的示例，实际应用中可以根据需求进行更复杂的操作。