localstorage监听变化和过期时间设置

local-store-pro 增强了我们对localStorage的使用,主要体现在过期时间,和监听功能上。我们很容易上手使用。

以下是监听的简单实用。更多细节参考详细文档
1 import store from 'local-store-pro';
2 store("test","local-store-pro");
3 store.subscribe("test",(e)=>{})
4 store("test","local-store-pro2");
对于事件变量e,是一个来自StorageEvent对象的简略对象,提供了一些实用的属性,可以很好的观察键值对的变化,如下表:
PropertyTypeDescription
key string 存储值的键,根据其修改、删除
oldValue Partial | null | string 上一次的值
newValue Partial | null | string 当前新的值
type string 事件类型

以下是过期时间的简单实用。更多细节参考详细文档
import store from 'local-store-pro';
store.set("test","1",3); //⇒1 3秒后test过期

如果非工程化项目可以按以下引入

<script src="https://unpkg.com/local-store-pro/lib/local-store-pro.min.js"></script>
<script type="text/javascript">
LocalStorePro("test","local-store-pro");
</script>
local-store-pro后续还会增加新的功能比如namespace和一些存储算法优化。
posted @ 2022-09-30 10:34  GavinBirkhoff  阅读(119)  评论(0)    收藏  举报