详解 Cookie LocalStorage SessionStorage Seesion

cookie

HTTP Cookie 是服务器发送到用户浏览器并保存在浏览器上的一块数据，它会在浏览器下一次发起请求时被携带并发送到服务器上。Cookie 的使用使得基于无状态的 HTTP 协议上记录稳定的状态信息成为了可能。

Cookie 主要用在以下三个方面:

• 会话状态管理（如用户登录状态、购物车）
• 个性化设置（如用户自定义设置）
• 浏览器行为跟踪（如跟踪分析用户行为）

LocalStorage

localStorage 用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的

SessionStorage

sessionStorage 用于本地存储一个会话中的数据，这些数据只会在同一个会话中的页面中才能访问并且当会话结束后数据也随之销毁，因此 sessionStorage 不是一种持久化的本地存储，仅仅是会话级别的存储。
页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面会初始化一个新的会话

Session

• session 存放在服务端，类似散列表的形势，每一个 session 有一个 sessionId。
• 客户端发起请求的时候会带上 sessionID
• 如果没有 sessionID，在服务端会新建一个 sessionId，然后返回给客户端

三者的区别

特性	Cookie	LocalStorage	SessionStorage
是否携带HTTP请求	是	否	否
存放数据大小	每个域20个Cookie 大小为4KB	5MB	5MB
数据的生命周期	一般由服务器生成，可设置失效时间。如果在浏览器端生成 Cookie，默认是关闭浏览器后失效	持久保存	会话结束