cookie loacalStrage seessionStorage的区别

cookie，localstorage和sessionStorage 是前端开发的时候经常用到的三种本地存储的技术。

以下是cookie，loacalStrage，seessionStorage的不同之处

生命周期：

cookie：默认情况下是关闭浏览器后失效，可设置失效时间

localStorage：除非被手动清除，否则将会永久保存

sessionStorage： 仅在当前网页会话下有效，关闭页面或浏览器后就会被清除

可存放的数据量：

cookie：约4KB

localStorage/sessionStorage：约5MB，能存放的数据量更多。

http请求：

cookie：每次都会携带在HTTP头中，若使用cookie保存过多数据会带来性能问题

localStorage/sessionStorage：仅在客户端（即浏览器）中保存，不参与和服务器的通信

易用性：

cookie：需要程序员自己封装，源生的Cookie接口不友好

localStorage和sessionStorage：可接受源生接口和再次封装，来对Object和Array有更好的支持

应用场景：

从安全性来说，每次http请求都会携带cookie信息，这样无形中浪费了带宽，所以cookie应该尽可能少的使用。此外cookie还需要指定作用域，不可以跨域调用，限制比较多。但是从用来识别用户登录来说，cookie比storage更好用。

localStorage和sessionStorage的唯一差别是生命周期不同。localStorage可以永久保存在浏览器里面，sessionStorage是关闭网页就清除了信息。localStorage可以用来跨页面传递参数，sessionStorage用来保存一些临时的数据，防止用户刷新页面之后丢失了一些参数。