KonishiLee's Blog

前端存储方式

cookies

只适合小容量的数据存储,它会在同源的http请求中来回传递,因此会一定程度上影响网站的性能,原生的API不友好

localStorage

可以实现永久存储,通过事件监听可以实现多个标签页的通信

sessionStorage

针对一个 会话(session) 进行数据存储。当用户关闭该标签页或者浏览器后,数据通常会被删除。

attentions

localStorage和sessionStorage是html5引入的两种Web存储方式,浏览器支持情况较好(IE8提供了支持)。
使用sessionStorage,页面刷新后,数据仍有效。
cookie、localStorage、sessionStorage的区别(常见面试题):

三者的区别主要在于数据的生存期和存储容量。
关于数据生存期,cookie数据的生存期取决于开发人员或者用户的设置,localStorage可以实现永久存储,sessionStorage仅在窗口关闭之前有效。关于数据储存容量,cookie大概是4k,localStorage和sessionStorage可以达到5M以上(浏览器间略有差异)。
同时,它们也有其它的一些差异。
比如,跨标签页通信只能使用localStorage,而要跟服务器交流则要通过cookie,localStorage和sessionStorage的API比起cookie好用多了……

如果喜欢这个分享,就帮忙买杯咖啡吧