localStorage和sessionStorage之间的区别?

一、写在前面
今天总结一下localStoragesessionStorage之间的区别。
二、具体区别
2.1、声明周期的区别
localStorage是永久存储在浏览器中,只要当用户不删除数据,则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储,从名字session我们就可以看出来了,也就是当用户关闭浏览器,此时数据就会被销毁。
2.2、存储大小:localStorage和sessionStorage存储大小都是5MB
2.3、sessionStorage和localStorage都是存放在客户端,不与服务器进行交互通信。
2.4、存储内容类型:localStorage和sessionStorage只能存储字符串类型,如果遇到其他类型,则可以使用JSON对象的stringifyparse进行处理。
2.5、获取方式:
localStorage: window.localStorage
sessionStorage: window.sessionStorage。
2.6、应用场景:localStorage用于长期登录,sessionStorage用于敏感账号的登录。
三、webStorage的优点
3.1、webStorage存储空间更大,cookie为4KB,而webStorage为5MB。
3.2、节约流量:webStorage存储在本地,不会发送到服务端,所以减少了客户端和服务端直接的交流,节省
3.3、对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据,sessionStorage会非常方便;
3.4、快速显示:有的数据存储在WebStorage上,再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多,所以速度更快;
3.5、安全性:webStorage不会随着HTTP header发送到服务端,所以相比于cookie来说比较安全一些,不用担心被截获,但是任然存在一些伪造问题。
3.6、webStorage存在一些方法比cookie更加简便。

  • 2
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cookies、localStoragesessionStorage是用于在Web浏览器中存储数据的机制,但它们之间有一些重要的区别。 1. 数据存储方式和容量: - Cookies是由浏览器自动管理的小型文本文件,可以存储少量数据(通常不超过4KB)。它们在每个HTTP请求中都会被发送到服务器,并且可以设置过期时间。 - localStoragesessionStorage是HTML5提供的Web Storage API。它们可以存储更大的数据量(通常最大可达5MB),并且只在特定的域名下可用。它们在浏览器中永久保存,除非通过JavaScript代码手动删除。 2. 数据生命周期: - Cookies的生命周期由设置的过期时间决定,可以长时间保存在浏览器中,即使关闭浏览器也不会被删除。 - localStorage的数据在浏览器关闭后仍然存在,因此它们具有持久性。 - sessionStorage的数据仅在当前会话中存在。当浏览器窗口或标签页关闭时,sessionStorage中的数据将被清除。 3. 数据访问权限: - Cookies可以通过设置域名和路径来限制访问权限。它们可以在同一个域名下的不同页面之间共享,并且在浏览器和服务器之间的每次请求中都会被发送。 - localStoragesessionStorage仅限于在创建它们的网页中访问。它们不会被发送到服务器,因此只能在客户端使用和修改。 综上所述,Cookies适合存储需要在客户端和服务器之间共享的小型数据。localStorage适合存储需要在浏览器关闭后仍然存在的大量数据。sessionStorage适合存储在单个会话期间需要临时保留的数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值