介绍
layer2storage 是一个基于本地存储封装的 npm 包，可以将数据以“层级”的形式储存。它的出现能够简化前端数据储存操作，方便快捷地实现数据的持久性储存和读取。
安装
使用 npm 或 yarn 安装 layer2storage：
npm install layer2storage --save
yarn add layer2storage
使用
- 先引入
layer2storage：
import layer2storage from 'layer2storage';
- 通过
new layer2storage()创建一个layer2storage实例：
const storage = new layer2storage();
- 至此，我们可以开始使用
storage对象的 CRUD 方法进行数据储存和读取。
API
以下是 storage 对象所提供的方法：
setItem(key, value)：将值设置到指定的键下。如果该键已存在，将覆盖原来的值。storage.setItem('name', 'John');getItem(key)：通过键名获取对应的值。const name = storage.getItem('name'); console.log(name); // 'John'removeItem(key)：通过键名删除对应的值。storage.removeItem('name');clear()：清楚所有数据。storage.clear();
getLayer(key)：获取指定键下的所有数据，返回一个类似对象的结构。-- -------------------- ---- ------- -- - ---- - ----- - - ----- ------- - ---- -- - - -- ----- ---- - ------------------------- ----------------------- -- ------ ---------------------- -- --
setLayer(key, data)：将一个类似对象的结构储存起来，并以指定的键储存数据。-- -------------------- ---- ------- -- - ---- - ----- - - ----- ------- - ---- -- - - -- ----- ---- - - ----- ------- ---- -- -- ------------------------ ------
示例代码
下面是一个简单的使用示例，演示了如何使用 layer2storage 进行数据储存和读取。
-- -------------------- ---- ------- ------ ------------- ---- ---------------- ----- ------- - --- ---------------- -- ----- ----------------------- -------- -- ----- ----- ---- - ------------------------ ------------------ -- ------ -- ---- ----- ---- - - ----- ------- ---- -- -- ------------------------ ------ -- ---- ----- --------------- - ------------------------- ---------------------------------- -- ------ --------------------------------- -- --
总结
通过使用 layer2storage，我们可以方便快捷地储存各种类型的数据，并且可以按照“层级”的方式进行组织和读取。这对于前端数据的持久性存储和读取非常有帮助，可以减少我们的工作量和代码量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f92238a385564ab7014