cookie&sessionStorage&localStorage
从三方面来分析
存储大小
cookie数据始终在同源的http请求中携带(即使不需要);最大不能超过4k,所以cookie只适合保存很小的数据,如会话标识。
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存,存储大小可以达到5M或更大。
ps: 跨域请求默认不携带cookie,如需携带请求头设置:withCredentials: true,服务端响应头设置:Access-Control-Allow-Credentials = true
时效性
sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持。
localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据。
cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
作用域
sessionStorage不能在不同的浏览器窗口中共享,即使是同一个页面。
localStorage 在所有同源窗口中都是共享的。
cookie的共享取决于cookie的domain字段与path字段( 默认/ )。