前端面经 详解Cookie、SessionStorage和LocalStorage的区别联系

WebStorage

=========================================================================

WebStorage是本地存储，保存在客户端，包括两种：

• SessionStorage 会话存储

• LocalStorage 本地存储

WebStorage的两大目标

• 提供一种Cookie之外的存储会话数据的路径

• 提供一种存储大量可以跨会话存在的数据的机制

SessionStorage的特点

================================================================================

总结：

• 存储地方：仅仅在客户端浏览器中储存，不与服务器交互通信。

• 生命周期：仅在当前会话下有效。关闭浏览器或者页面则会被清除。

• 存储大小：5MB

• 存储类型：SessionStorage只能存储字符串类型。对于复杂对象，可以用stringify和parse来处理。

• 获取方式：window.sessionStorage

• 作用域：不在不同浏览器窗口共享

• 适用场景：适合保存用户在关闭浏览器或页面后就可以丢弃的数据。

LocalStorage的特点

==============================================================================

总结：

• 存储地方：仅仅在客户端浏览器中储存，不与服务器交互通信。

• 生命周期：永久。除非用户去清除，否则一直存在。

• 存储大小：5MB

• 存储类型：LocalStorage只能存储字符串类型。对于复杂对象，可以用stringify和parse来处理。

• 获取方式：window.localStorage

• 作用域：所有的同源窗口

Cookie与WebStorage的区别

===================================================================================

有一篇文章讲过Cookie和Session的区别，里面有介绍Cookie的原理和特点，可以点击下方链接查看：

Cookie与Session的区别、详解Cookie和Session

Cookie的特点中需要我们注意的是：

• Cookie是保存在客户端浏览器的

• Cookie在每次http请求中都会发送给服务器端

WebStorage的特点呢：

• WebStorage也是保存在客户端浏览器的

• 但是WebStorage即SessionStorage和LocalStorage是不会自动把数据发给服务器的，只保存在本地。

综上总结一下Cookie和WebStorage的区别：

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
这份全套学习资料的朋友可以戳我获取！！**](https://bbs.csdn.net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！