面试题准备（二十八）：cookie、localStorage 和 sessionStorage

概述

	cookie	localStorage	sessionStorage
大小	4Kb	10MB	5MB
兼容	H4、H5	H5	H5
访问	任何窗口	任何窗口	同一窗口
有效期	手动设置	无	到窗口关闭
存储位置	浏览器和服务器	浏览器	浏览器
与请求一起发送	是	否	否
语法	复杂	简易	简易

HTTP 无状态

两次连接同一个服务器，服务器意识不到是同一个用户发送的请求

• 这种缺少状态的方式意味着每次连接服务器都需要传输一部分用户信息，降低了传输的效率

cookie

一种存储机制，为了解决 HTTP 无状态的问题

• 第一次访问服务器是没有 cookie 的
• 服务器在收到请求之后会在响应中添加头部 Set-Cookie，并标识
• 下次客户端请求时，就会在请求头部添加 cookie，并附上标识
• 以后每一次请求都会发送 cookie

Web 存储

localStorage

永久保存，可自行删除

场景：搜索历史

sessionStorage

页面关闭即删除

场景：敏感账号一次性登录