local-store-pro 增强了我们对localStorage的使用,主要体现在过期时间,和监听功能上。我们很容易上手使用。
以下是监听的简单实用。更多细节参考详细文档
localStorage监听变化
import store from 'local-store-pro';
store("test","local-store-pro");
store.subscribe("test",(e)=>{})
store("test","local-store-pro2");
对于事件变量e,是一个来自StorageEvent对象的简略对象,提供了一些实用的属性,可以很好的观察键值对的变化,如下表:
Property | Type | Description |
---|---|---|
key | string | 存储值的键,根据其修改、删除 |
oldValue | Partial | null | string | 上一次的值 |
newValue | Partial | null | string | 当前新的值 |
type | string | 事件类型 |
以下是过期时间的简单实用。更多细节参考详细文档
localStorage过期时间
store.set("test","1"); //⇒1
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和一些存储算法优化。