在前端开发中，我们经常需要使用浏览器的本地存储来存储一些数据，比如用户偏好设置、登录信息等。而使用 localStorage 和 sessionStorage 已经成为了常用的方式。但是在实际开发中，我们可能会碰到一些需求，需要更加灵活、方便地使用本地存储。这时候，一个叫做 storage.min.js 的 npm 包就可以派上用场了。
什么是 storage.min.js
storage.min.js 是一个轻量级的本地存储工具，采用链式调用方式，简单易用。它支持以下存储方式：
localStoragesessionStoragecookie
此外，storage.min.js 还提供了一些有用的方法来增强对本地存储的控制和管理。
安装
使用 npm 可以很方便地安装 storage.min.js 包：
npm install storage.min.js
安装完成后，在项目中引入即可：
import Storage from 'storage.min.js';
基本用法
存储与获取数据
我们可以使用 set() 方法来保存数据，使用 get() 方法来获取数据：
Storage.set('name', 'Tom')
.set('age', 18)
.set('isVip', true);
Storage.get('name'); // 'Tom'
Storage.get('age'); // 18
Storage.get('isVip'); // true删除数据
remove() 方法可以用来删除指定的数据：
Storage.remove('isVip');
Storage.get('isVip'); // null检查数据是否存在
使用 has() 方法来检查数据是否存在：
Storage.has('name'); // true
Storage.has('isVip'); // false清空存储数据
使用 clear() 方法来清空所有存储的数据：
Storage.clear();
进阶用法
设置过期时间
在实际开发中，我们可能需要设置一些数据的过期时间，比如某些会话数据只需要在用户登录的状态下存储一段时间，离线状态下就不需要了。storage.min.js 提供了 expire() 方法可以用来设置数据的过期时间，单位是毫秒：
Storage.set('token', 'abc123')
.expire('token', 1000 * 60 * 60 * 24); // 过期时间为 1 天
setTimeout(() => {
Storage.get('token'); // null
}, 1000 * 60 * 60 * 24 + 1);在上面的例子中，token 这个数据会在 1 天后过期，过期后再获取它就会返回 null。
区分存储方式
我们可以使用 using() 方法来指定数据存储的方式，如：
Storage.using('sessionStorage').set('name', 'Lucy');
Storage.using('cookie').set('theme', 'dark');上面的代码将 name 存到了 sessionStorage 中，将 theme 存到了 cookie 中。
链式调用
可以将多次存储、获取、删除等操作串联起来，形成链式调用：
Storage.set('name', 'Lucy')
.set('age', 20)
.expire('name', 1000 * 60)
.remove('age');在链式调用时，每个方法都会返回 Storage 对象实例，所以可以直接在后面继续调用其它方法。
注意事项
cookie这种存储方式有它的限制，比如大小限制、安全性等问题，需要根据实际情况使用；- 在使用
expire()方法时，需要注意数据过期后是否需要做清理，避免占用过多的存储空间； Storage对象是全局单例的，即在同一页面（或同一下行业）中访问到的是同一个对象。
示例代码
下面给出一个完整的示例，演示了 storage.min.js 的基本用法：
-- -------------------- ---- ------- ------ ------- ---- ----------------- ------------------- ------- ----------- --- ------------------------ -------------- -------------------------------- --------------- ---- - ---- --------------------------------- -- ---- -------------------------------- -- ---- ----------------------------------- -- ----------------------------- ---------------------- ------------- -- - --------------------------------- -- ---- -- ---- - -- - ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244c02