Skip to content

IndexedDB - 前言

IndexedDB 是一个强大的、低级的 API,用于客户端存储大量结构化数据,包括文件/二进制大对象 (blobs)。此 API 使用索引 (indexes) 来实现对这些数据的高性能搜索。尽管 localStorage 对于少量简单数据很有用,但 IndexedDB 在浏览器中提供了一个真正的、事务性的数据库系统。

其最重要的应用在于创建现代、丰富的网页体验和渐进式 Web 应用 (PWA),通过存储应用程序数据和缓存 API 响应来实现离线工作。

本教程专为希望有效使用客户端存储的 Web 开发人员和软件专业人士设计。它将引导您了解现代最佳实践,将基于事件的 API 转换为更易于开发人员使用的、基于 Promise 的工作流程。完成本教程后,您将能够自信地在 Web 应用程序中实现健壮的离线优先功能。

在开始之前,您应该对现代 JavaScript (ES6+) 有扎实的理解,包括:

  • let、const 和箭头函数等核心概念。
  • 异步 JavaScript,特别是 Promise 和 async/await 语法。这一点至关重要,因为我们将大量使用它们来简化 IndexedDB API。
  • 浏览器文档对象模型 (DOM) 的基本知识,用于数据显示。