localStorage、sessionStorage、cookie的区别

localStorage:
存储的内容大概20MB
不同浏览器不能共享,但是在同一浏览器的不同窗口中可以共享
永久生效,它的数据是存储的硬盘上,并不会随着页面或者浏览器的关闭而清楚,需手动清除
sessionStorage:
存储数据到本地,存储的容量是5MB左右
数据的本质存储在当前页面的内存中,意味着其它页面与浏览器无法获取数据
它的生命周期为关闭当前页面,页面关闭,数据会自动清除

总结如下表:

内容 cookie localStorage sessionStorage
生命周期 一般由服务器生成,可设置失效的时间,如果在浏览器端生成cookie,默认关闭浏览器后失效 除非被删除,否则永久保存 仅在当前会话下有效,关闭页面或者浏览器后被删除
数据大小 4k 20M 5M
与服务器端通信 携带在http请求头中,若保存cookie过多数据会带来性能问题 仅在客户端即浏览器中保存,不参与和服务器的通信 仅在客户端即浏览器中保存,不参与和服务器的通信
易用性 需要程序员自己封装 原生接口可以接受,亦可以再次封装来对obj和Arr有更好的支持 原生接口可以接受,亦可以再次封装来对obj和Arr有更好的支持

猜你喜欢

转载自www.cnblogs.com/zixuan00/p/10381305.html