2023年前端经典面试题

cookie、sessionStorage、localStorage的区别

浏览器控制台查看 cookie、sessionStorage、localStorage 的信息，具体大家可以结合实际项目代码进行理解。

相同点：三者都是开发过程中最常用的临时存储数据的方式。

不同点：

1. 存储的时间有效期不同
2. 存储的大小不同
3. 与服务端的通信的差异

1.存储的时间有效期不同

• cookie的有效期是可以进行设置的它能够跨页面存储数据，在默认的时间内,只要不关闭当前浏览器窗口,cookie就是一直有效的。
• sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效
• localStorage的有效期除非人工手动删除，否则一直存在。
• 关闭当前会话页或者关闭浏览器是依然存在的。

2.存储的大小不同

• cookie的存储量较小，存储容量是4kb左右，一般页面最多存储20条左右信息。
• localStorage和sessionStorage的存储容量是5Mb，不同的浏览器有一些差异不同。

3.与服务端的通信的差异

• localStorage和sessionStorage是不会进行服务器通信的，他们只会在客户端进行数据的保存。
• cookie会参与到与服务端的通信中，一般会携带在http请求的头部中，会消耗一部分带宽。一般可用于验证登陆者信息的凭证。

原创不易希望大家多多支持。你们的支持才是大斌最大的成就感。今天就先写到这。