简述cookie、localStorage、sessionStorage

Web存储的发展史:

Web存储

目前受人关注的三种Web存储方式:

  • cookies:

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

  • localStorage:

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

  • sessionStorage:

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

attentions:

  1. localStorage和sessionStorage是html5引入的两种Web存储方式,浏览器支持情况较好(IE8提供了支持)。
  2. 使用sessionStorage,页面刷新后,数据仍有效。

cookie、localStorage、sessionStorage的区别(常见面试题):

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

参考链接:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容