layui通过本地存储数据,实现在其他页面的数据回显,附了解window.localStorae

  在使用前我们先简单了解下window.localStorae.

   localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 即键值对的形式的数据。
   localStorage 会永久保存整个网站的数据,保存的数据不会过期,直到手动去删除,即使关闭页面也会存在。
  提示: 如果你只想将数据保存在当前会话中,可以使用 sessionStorage 属性, 该数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。(其实这边存储页面应该用sessionStorage 更为合适,不过当时做的时候没特意了解,便没去使用了,感兴趣的可以去使用下)

使用方法:
  存储数据:
  localStorage.setItem(“key”, “value”);
  获取数据:
  var lastname = localStorage.getItem(“key”);
  删除指定的数据:
  localStorage.removeItem(“key”);
  删除所有数据:
  localStorage.clear();

localStorage 的优势

   1、localStorage 拓展了 cookie 的 4K 限制。
   2、localStorage 会可以将第一次请求的数据直接存储到本地,这个相当于一个 5M 大小的针对于前端页面的数据库,相比于 cookie 可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的。
localStorage 的局限

   1、浏览器的大小不统一&

  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灼_灼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值