什么是 browserdb
browserdb 是一个基于 IndexedDB 的浏览器端数据库，能够提供快速、可靠和可扩展的本地存储支持。同时，它也是一个 npm 包，可以方便地在前端项目中使用。
安装和引入
你可以在 npm 上安装 browserdb：
npm install browserdb
然后，在你的项目中引入 browserdb：
import { BrowserDB } from 'browserdb';数据库创建和操作
创建数据库
创建数据库时，需要指定数据库名称和存储对象（Object Store）的名称和版本，如下所示：
-- -------------------- ---- -------
--- -- - --- -----------
----- -------------
------- -
-
----- ----------
-------- --
-------- -----
-------------- ----
-
-
---其中，keyPath 指定主键路径，autoIncrement 指定是否自动递增。
添加数据
添加数据时，可以使用 add 或 put 方法，如下所示：
db.transaction('mystore').add({name: 'John Doe', age: 24});查找数据
查找数据时，可以使用 get、getAll、getByKey 或 getAllByKey 方法，如下所示：
db.transaction('mystore').get(1).then(function (data) {
console.log(data);
});修改数据
修改数据时，可以使用 put 方法，如下所示：
db.transaction('mystore').put({id: 1, name: 'Jane Doe', age: 30});删除数据
删除数据时，可以使用 delete 或 clear 方法，如下所示：
db.transaction('mystore').delete(1);db.transaction('mystore').clear();示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ------------
--- -- - --- -----------
----- -------------
------- -
-
----- ----------
-------- --
-------- -----
-------------- ----
-
-
---
-------------------------
----------- ----- ----- ---- ----
----------- ----- ----- ---- ----
------------
-------------- ------ -
------------------
--
--------- -- ----- ----- ----- ---- ----
----------
---------总结
通过本文的介绍，我们了解到了 npm 包 browserdb 的基本使用方法。希望读者能够根据本文提供的指导，更加灵活地运用 browserdb 进行开发，提升 Web 应用的效率和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde528e