理解与使用JS的 localStorage与sessionStorage

在前端开发中，尽量少用cookie，原因：

1.cookie限制大小，约4k左右，不适合存储业务数据，尤其是数据量较大的值
2.cookie会每次随http请求一起发送，浪费宽带

在移动开发中尽量用localstroage，优点：

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

缺点：

1.在浏览器的隐私模式下不能读取
2.本质是在读写文件，写入数据量大的话会卡（FF是将localstorage写入内存中的）
3.不能被爬虫读取
4.localStorage是公共资源，如果你的产品域名下有很多应用共享这份资源会有风险

localStorage与sessionStroage区别:

1.localStroage是将信息存储在硬件设备中的，关闭浏览器或网页也不会消失；
2.sessionStroage的有效期只是网页在浏览器打开到关闭的时间段

一、localstorage三种设置方法（增）

> // 方法1 localStorage.name1 = 'code1'; // 方法2
> localStorage["name2"] = "code2"; // 方法3
> localStorage.setItem("name3", "code3");

二、localStorage的读取方法（查）

> // 方法localStorage.name1; // code1 // 方法2
> localStorage["name2"]; // code2 // 方法3
>localStorage.getItem("name3"); // code3 

四、sessionStorage 储存方式

let name = "code.net.cn"

// 方法1
sessionStorage.setItem('name3', name);
//方法2
sessionStorage['name3'] = name;

五、sessionStorage 读取方式

// 方法1
sessionStorage.getItem('name');
// 方法2
sessionStorage["name"]
 // 会话临时存储
        sessionStorage.setItem()
        sessionStorage.getItem()
        sessionStorage.removeItem()
        sessionStorage.clear()