在前端开发中，缓存是提高网站性能的重要手段之一。然而，手动管理缓存往往比较繁琐。于是，有很多缓存库出现了，其中之一就是 lonly-cachejs。
lonly-cachejs 简介
lonly-cachejs 是一个基于 localstorage 的前端缓存库，它允许你以 key-value 的形式存储数据并自动过期。仅有 1.7KB 的体积，兼容主流浏览器（IE9+）。
安装
你可以使用 npm 安装它：
npm install lonly-cachejs
也可以在 HTML 中使用 script 标签引入：
<script src="https://cdn.jsdelivr.net/npm/lonly-cachejs@1.0.0/dist/lonly-cache.min.js"></script>
使用
首先，你需要通过 lonlyCache 函数创建一个缓存实例：
const cache = lonlyCache('myCache');这里的参数 myCache 是缓存实例的名字，可以随意定义。
缓存实例有 3 个方法：
set(key, value, expired = 0)将键值对存入缓存中，expired 是可选参数，表示过期时间，单位为毫秒（默认为 0，表示不过期）。get(key)获取指定的 key 对应的值，如果不存在或已过期返回 null。remove(key)删除指定的 key 对应的键值对。
示例
const cache = lonlyCache('myCache');
cache.set('name', 'Tom', 5000); // 存入缓存，5 秒后过期
console.log(cache.get('name')); // 'Tom'
setTimeout(() => console.log(cache.get('name')), 6000); // null总结
lonly-cachejs 为我们提供了一个方便、高效的缓存方案。使用它可以避免手动管理缓存的麻烦，提高网站性能。同时，本文还介绍了 lonly-cachejs 的使用方法，希望能帮助大家。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671181e8991b448e3566