在使用前我们先简单了解下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、浏览器的大小不统一&