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

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对象的简略对象,提供了一些实用的属性,可以很好的观察键值对的变化,如下表:

PropertyTypeDescription
keystring存储值的键,根据其修改、删除
oldValuePartial | null | string上一次的值
newValuePartial | null | string当前新的值
typestring事件类型

以下是过期时间的简单实用。更多细节参考详细文档

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和一些存储算法优化。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值