简介
browser-storage 是一个基于浏览器本地存储的 JavaScript 库，支持在浏览器端快速存储和获取数据。本文将介绍如何使用该库。
安装
通过 npm 安装：
npm install browser-storage
基本使用
存储数据
import storage from 'browser-storage';
storage.set('name', '小明');
storage.set('age', 18);可以通过对 key/value 进行设置，存储数据到 localStorage。
获取数据
import storage from 'browser-storage';
const name = storage.get('name');
const age = storage.get('age');可以调用 storage.get() 函数获取存储在 localStorage 中的数据。
删除数据
import storage from 'browser-storage';
storage.remove('name');可以使用 storage.remove() 函数删除存储在 localStorage 中的数据。
清空数据
import storage from 'browser-storage'; storage.clearAll();
可以使用 storage.clearAll() 函数清空存储在 localStorage 中的所有数据。
高级使用
存储对象
import storage from 'browser-storage';
const obj = {
name: '小明',
age: 18,
};
storage.set('student', obj);browser-storage 支持存储普通对象，只需要将其作为 value 传入即可。
存储数组
import storage from 'browser-storage';
const arr = [12,34,5];
storage.set('numList', arr);browser-storage 支持存储数组，只需要将其作为 value 传入即可。
存储过期时间
import storage from 'browser-storage';
storage.set('name', '小明', 3600);可以给 set() 函数传入一个可选的过期时间（单位：秒）作为第三个参数，来指定键值的过期时间。如果过期时间为 0 ，则当该条数据超时时将自动删除。
总结
browser-storage 是一个简单易用的 JavaScript 库，轻巧而强大。在浏览器端存储数据时，它可以有效地提高代码开发的效率并让代码更易于维护。在实际项目中，我们可以根据不同的业务场景，自由应用其 API，完成不同的需求。
示例代码
-- -------------------- ---- ------- ------ ------- ---- ------------------ -- ---- ------------------- ------ ------------------ ---- -- ---- ----- ---- - -------------------- ----- --- - ------------------- -- ---- ----------------------- -- ---- ------------------- -- ---- ----- --- - - ----- ----- ---- --- -- ---------------------- ----- -- ---- ----- --- - ---------- ---------------------- ----- -- ------ ------------------- ----- ------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde51f5