【前端每日基础】day6——localStorage、sessionStorage、cookie

【前端每日基础】day6——localStorage、sessionStorage、cookie

码农世界 2024-05-17 前端 65 次浏览 0个评论

localStorage、sessionStorage 和 cookie 都是在客户端存储数据的方式,但它们之间有一些明显的区别:

存储容量:

localStorage 和 sessionStorage 的存储容量通常比较大,一般为 5MB 左右(不同浏览器可能会有所不同)。

cookie 的存储容量较小,一般只能存储几 KB 的数据。

生命周期:

localStorage:存储的数据会永久保存在客户端,除非用户手动清除或者网站使用 JavaScript 代码删除数据。

sessionStorage:存储的数据只在当前会话期间有效,会话结束后数据会被清除。

cookie:可以设置过期时间,可以在设置的过期时间之前一直存在,也可以设置为会话级别的,即关闭浏览器后清除。

"当前会话"指的是用户在打开浏览器窗口(或者标签页)开始,直到关闭浏览器窗口(或者标签页)结束的整个浏览过程。在这个过程中,用户与网站之间建立了一个会话,期间用户可以在网站上进行各种操作,包括浏览页面、提交表单、与服务器进行通信等。

在 Web 开发中,会话管理是一个重要的概念,特别是涉及用户认证和授权等功能时。通常情况下,网站会为每个用户分配一个唯一的会话标识符(Session ID),并将这个标识符保存在 Cookie 中或者通过 URL 参数传递,以便在用户的不同请求之间识别并管理会话状态。

与服务器的交互:

localStorage 和 sessionStorage 的数据存储在客户端,不会与服务器进行交互,因此对服务器没有负担。

cookie 的数据在每次请求时会自动发送到服务器,因此会增加服务器的负担。

访问权限:

localStorage 和 sessionStorage 属于 HTML5 规范,只能通过 JavaScript 访问。

cookie 可以通过 JavaScript 或者服务端代码来操作。

转载请注明来自码农世界,本文标题:《【前端每日基础】day6——localStorage、sessionStorage、cookie》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,65人围观)参与讨论

还没有评论,来说两句吧...

Top