localStorage 与 sessionStorage

Posted 2021-01-06 siyecao2010

1、localStorage 与  sessionStorage的区别在于存储的有效期和作用域的不同。

2、localStorage的存储机制是永久性的，除非web应用刻意删除存储的数据，否则将一直保留在用户电脑上，不同浏览器不能共享数据；sessionStorage是在客户端存储数据，一旦关闭当前页或者浏览器，将清除存储数据，不同页面或标签面间无法共享数据；

3、localStorage不能被爬虫获取；

4、localStorage和sessionStorage在存储数据时都是字符串类型，在使用的时候要进行类型转换：

     setItem()设置值，getItem()取值

JSON的转换：
localStorage.setItem("userInfo", JSON.stringify(res.data.datas));

var userInfo = JSON.parse(localStorage.getItem("userInfo"));

日期的转换：
localStorage.lastRead = ((new Date)).toUTCString();
var lastRead = new Date(Date.parse(localStorage.lastRead));