每日一题如何封装一个localStorage 保证数据的时效性

HTML5的本地存储API中的localStorage与sessionStorage在使用方法上是相同的,区别在于sessionStorage在关闭页面后即被清空,而localStorage则会一直保存。localStorage是Html5本地存储的API,使用键值对的方式进行存取数据,存取的数据只能是字符串。

  • 存储方式:以键值对(Key-Value)的方式存储字符串。
  • 主要应用:购物车、客户登录、游戏存档…
  • 可储存的数据类型:数组,图片,json,样式,脚本… (只要是能序列化成字符串的内容都可以存储)
    localStorage的好处就是,存储空间大,长时间保存,同-浏览器,标签页全部共享。不好的地方就是永久有效,除非手动清除。所以如果有数据时效性的需求,就需要自己来处理下,可以和数据一起存一个data时间戳。

思路:

  1. 添加时间戳:
  2. localStorage 代码封装
const set = (key, value) => {
   
  const curTime = new Date().getTime();
  localStorage.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值