在前端开发中，我们经常需要使用浏览器的本地存储来保存一些数据，比如用户的登录状态、历史记录等。而 store.js 就是一个方便易用的本地存储库，可以在浏览器中使用 localStorage、sessionStorage 和 cookie。
安装
你可以通过 npm 安装 store.js：
npm install store
也可以直接在 HTML 页面中引入：
<script src="https://cdn.jsdelivr.net/npm/store/dist/store.legacy.min.js"></script>
使用
存储数据
store.js 提供了 set 方法来存储数据，它支持多种数据类型，包括字符串、数字、布尔值、数组和对象。下面是一个例子：
-- -------------------- ---- ------- -- ------- --------------------- -------- -- ------ ----------------- - ----- ------- ---- --- ------ ------------------ --- -- ------ ------------------- ------- -------- ---------
获取数据
store.js 提供了 get 方法来获取数据，如果没有找到对应的键值，则返回 undefined。下面是一个例子：
// 获取一个字符串
const username = store.get('username');
// 获取一个对象
const user = store.get('user');
// 获取一个数组
const colors = store.get('colors');删除数据
如果你想删除某个键值对，可以使用 remove 方法：
store.remove('username');清空数据
如果想清空所有数据，可以使用 clear 方法：
store.clear();
设置过期时间
store.js 支持设置过期时间来自动删除过期的键值对。下面是一个例子：
// 存储一个带有过期时间的键值对，有效期为 1 天
store.set('token', 'abc123', new Date().getTime() + 24 * 60 * 60 * 1000);使用不同的存储方式
默认情况下，store.js 使用 localStorage 来存储数据。但你也可以使用 sessionStorage 或 cookie。下面是一个例子：
// 使用 sessionStorage
store.set('username', 'John', sessionStorage);
// 使用 cookie
store.set('token', 'abc123', { expires: 7 });总结
本文介绍了如何使用 store.js 库来进行浏览器本地存储。通过 store.js，我们可以方便地存储、获取、删除数据，并支持设置过期时间和使用不同的存储方式。希望这篇文章对你有所帮助，加油！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32485