2、cookie、sessionStorage、localStorage

前言：

• 前端本地存储的方式有三种，cookie，localStorage、sessionStorage；
• webStorage 基于HTML5规范，而 webStorage 就是 localStorage、sessionStorage。

特性	cookie	localStorage	sessionStorage
存储位置	浏览器端	浏览器端	浏览器端
存放数据大小	<=4KB	一般为5MB	一般为5MB
生命周期	可以通过设置，长期有效保存	始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据	仅当前浏览器窗口关闭前有效，不能持久保持
共享	在同源窗口共享	在同源窗口共享	在同源窗口共享
与服务器端通信	每次都会携带在HTTP头中，发送给服务端。但是使用cookie保存过多数据会带来性能问题	仅在客户端（即浏览器）中保存，不和服务器的通信	仅在客户端（即浏览器）中保存，不和服务器的通信

cookie 的作用

• 保存用户登录状态，例如：将用户 id 存储于一个 cookie 中，这样当用户下次访问改页面时就不需要重新登录了；cookie 可以设置过期时间，超过过期时间，cookie 会自动消失；

cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式

更多详细推荐看这个链接： cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式 - 掘金 (juejin.cn)