localStorage、sessionStorage 和 Cookie 区别

cookie：能存储内容较小，在4k左右，一般用作保存用户登录状态、记住密码，记住账号使用。不清除的话会一直存在，可以设置过期时间自动清除，设置的时候可以设置在不同的域下面。每次在和服务端交互都会放在header里面，所以若是储存太多会影响性能。

localStorage（本地存储）：HTML5 标准中新加入的技术，可保存内容在5M左右，不会自动清除，除非手动进行删除。

sessionStorage（会话存储）：和localStorage类似，他们唯一区别就是sessionStorage保存在当前会话中，会话结束sessionStorage失效。

会话一般是在关闭页面或者关闭浏览器失效，如下图：当你打开一个页面 设置set俩个storage的值，关闭页面重新打开新的localStorage的还在。

这就说明页面关闭sessionStorage被清空了，而localStorage不会。

 

参考来源：https://www.pianshen.com/article/2532347146/