客户端存储的3种方法cookies、localStorage、sessionStorage。

cookies是http协议下,服务端或者脚本可以维护客户端信息的一种方式。
对于cookies,服务端和客户端都可以操作,但无论是在服务端还是客户端使用cookie,在request header里面都会带上cookie信息,所以,对于纯客户端的需求,这并不是最好的方式,因为并不涉及到服务端交互啊。
纯本地存储的两种方式是localStorage和sessionStorage。

三种存储方式的异同点:

  • 存储的内容都会转为字符串格式
  • 都有存储大小限制,但是localStorage和sessionStorage的存储比cookies大得多
  • localStorage和sessionStorage使用的api相同
  • localStorage没有有效期,除非删除,否则一直存在,而sessionStorage在浏览器关闭时自动销毁
  • localStorage支持 window的storage 事件,而sessionStorage不支持

10月4日补充:
cookie在设置max-age时,不能运用*号,比如60*60*24是无效的,需要计算出结果写入,如:
weekly-plan-login={user:'${user}',pwd:'${pwd}'};max-age=86400;
同时,max-age的首字母,是否大小写,并没有影响:Max-Age等同于max-age

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cookiessessionStoragelocalStorage都是在Web开发中用于客户端存储数据的方式,但它们之间有一些区别。 1. Cookies(HTTP Cookies): - Cookies 是一客户端存储数据的机制,是由服务器发送到浏览器并保存在用户本地的文本文件中。 - Cookies 主要用于跟踪和存储用户信息,如用户的身份认证、购物车内容、个性化设置等。 - Cookies 有一定的大小限制(通常为4KB),同时每个域名下的 Cookies 数量也有限制。 - Cookies 可以设置过期时间,可以是会话级别(当浏览器关闭时失效)或永久性(在指定的时间内有效)。 2. sessionStorage: - sessionStorage 是HTML5中的Web Storage机制之一,用于在浏览器中存储数据,并且仅在当前会话期间有效。 - sessionStorage存储的数据仅对当前浏览器窗口或标签页可见,关闭窗口或标签页后数据将被删除。 - sessionStorage 的数据存储量较大,通常支持至少5MB或更多。 3. localStorage: - localStorage 也是HTML5中的Web Storage机制之一,用于在浏览器中长期存储数据。 - localStorage存储的数据对于同一域名下的所有窗口和标签页都是可见的,即使浏览器关闭后重新打开也仍然存在。 - localStorage 的数据存储量较大,通常支持至少5MB或更多。 总结: - Cookies 主要用于跟踪和存储用户的会话信息,大小受限,具有过期时间。 - sessionStorage 用于在当前会话期间存储数据,窗口关闭后会话数据消失。 - localStorage 用于长期存储数据,数据在所有窗口和标签页中都可见,不受时间限制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值