前言
在前端开发中，我们经常需要使用本地存储来存储一些数据。而随着 JavaScript 的发展，我们也逐渐有了更多的选择，比如 localStorage、IndexedDB 等等。
其中，本文要介绍的 fruitdown 则是一个基于 IndexedDB 的存储库，它可以帮助我们更方便地在浏览器中使用 IndexedDB。
安装
fruitdown 是一个 npm 包，因此我们可以使用 npm 进行安装。
--- ------- --------- ------
使用
初始化
首先，我们需要先引入 fruitdown：
----- --------- - ---------------------
接着，我们需要初始化 fruitdown：
----- -- - --- ------------------------
上述代码中，我们使用了一个名为 myDatabase 的数据库。如果这个数据库不存在，fruitdown 会自动创建它。
添加数据
使用 add 方法可以将数据添加到数据库中：
-------- --- -- ----- ------- ---
如果我们想添加多个数据，可以使用 addMany 方法：
----- ------ - - - --- -- ----- -------- -- - --- -- ----- -------- -- - --- -- ----- ------- - -- -------------------
获取数据
使用 get 方法可以从数据库中获取数据：
------------------- -- - ------------------ -- - --- -- ----- ------- - ---
如果我们想获取多个数据，可以使用 getAll 方法：
--------------------- -- -
------------------
--
-
- --- -- ----- ------- --
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- ------- -
-
--
---修改数据
使用 put 方法可以修改数据库中的数据：
-------- --- -- ----- ---- ------ ---------- -- - ----------------------- ---
同样的，如果我们想修改多个数据，可以使用 putMany 方法：
----- --------- - - - --- -- ----- ---- ------- -- - --- -- ----- ---- ------- -- - --- -- ----- ---- ------ - -- ----------------------------- -- - ----------------------- ---
删除数据
使用 delete 方法可以从数据库中删除数据：
-------------------- -- - ----------------------- ---
同样的，如果我们想删除多个数据，可以使用 deleteMany 方法：
----------------- -- ----------- -- - ----------------------- ---
清空数据库
使用 clear 方法可以清空数据库中的所有数据：
------------------ -- - ----------------------- ---
示例代码
----- --------- - ---------------------
----- -- - --- ------------------------
-------- --- -- ----- ------- ---
----- ------ - -
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- ------- -
--
-------------------
------------------- -- -
------------------ -- - --- -- ----- ------- -
---
--------------------- -- -
------------------
--
-
- --- -- ----- ------- --
- --- -- ----- -------- --
- --- -- ----- -------- --
- --- -- ----- ------- -
-
--
---
-------- --- -- ----- ---- ------ ---------- -- -
-----------------------
---
----- --------- - -
- --- -- ----- ---- ------- --
- --- -- ----- ---- ------- --
- --- -- ----- ---- ------ -
--
----------------------------- -- -
-----------------------
---
-------------------- -- -
-----------------------
---
----------------- -- ----------- -- -
-----------------------
---
------------------ -- -
-----------------------
---总结
使用 fruitdown 可以帮助我们更方便地在浏览器中使用 IndexedDB 。本文介绍了如何使用 fruitdown 添加、获取、修改、删除和清空数据。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f74a226a9b7065299ccbc8b