聊聊前端本地存储

1.有哪些？

FE常用到的前端本地存储包括：cookie、localStorage、sessionStorage。

2.区别是什么？

3.怎么用？

开发过程中，我们经常会用到的就是cookie和localStorage了。

凡是用到身份认证的网站或者系统都会用到cookie，关于cookie是什么，怎么用？

localStorage常用于存储项目中一些需要记忆用户操作的数据，比如快捷键、临时数据等，这是提高用户体验的一种好方法。

4.注意
（1）localStorage在Safri浏览器无痕模式下的异常case

（2）作用域的问题

localStorage只要在同源（相同的协议、相同的主机名、相同的端口）下，就能读取/修改到同一份localStorage数据。

sessionStorage比localStorage更严苛一点，除了满足同源条件外，还要求在同一窗口（也就是浏览器的同一标签页）下。

cookie当客户端与服务器端都做了相应的设置后（CORS跨域原理），可支持跨域访问。