cookie、localStorage和sessionStorage三者的区别
一、存储的时间有效期不同
1、cookie的有效期是可以设置的,默认的情况下是会话(关闭浏览器后失效)
2、sessionStorage的有效期是仅保持在当前页面,关闭当前会话页或者浏览器后就会失效
3、localStorage的有效期是在不进行手动删除的情况下是一直有效的
二、存储的大小不同
1、cookie的存储是4kb左右,存储量较小
2、localStorage和sessionStorage的存储容量是5Mb左右(有的浏览器只有2.5Mb左右)
三、性能
1、cookie在请求设置它的那个源的时候都会在请求头带上,所以如果cookie很大,需要的带宽也会增加。
2、localStorage和sessionStorage也不参与跟服务端的通信。
四、跨域
跨域请求的响应可以Set-Cookie,正常情况下跨域请求返回的Set-Cookie,浏览器是不会保存它的cookie的。要使浏览器保存跨域请求的cookie就需要在请求时候 xmlHttpRequest 时候设置 withCredentials 属性为 true,服务器返回的响应头也要有Access-Control-Allow-Credentials: true返回,才可以顺利把cookie保存在浏览器。另外,localStorage和sessionStorage不能跨域设置。