sessionstorage、localstorage、cookie的简介及对比

本文详细介绍了WebStorage中的localStorage和sessionStorage,对比了它们与cookie的区别,包括存储容量、生命周期、安全性等方面,强调了它们在前端本地存储中的应用和优缺点。
摘要由CSDN通过智能技术生成

webstorage(本地存储)

  • webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage;
  • 目标:
    • 提供一种在cookie之外存储会话数据的路径
    • 提供一种存储大量可以跨会话存在的数据的机制
WebStorage的优点
  • 存储空间更大:cookie为4KB,而WebStorage是5MB
  • 节省网络流量:WebStorage不会传送到服务器,存储在本地的数据可以直接获取,也不会像cookie一样美词请求都会传送到服务器,所以减少了客户端和服务器端的交互,节省了网络流量
  • 对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据,sessionStorage会非常方便
  • 快速显示:有的数据存储在WebStorage上,再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多,所以速度更快
  • 安全性:WebStorage不会随着HTTP header发送到服务器端,所以安全性相对于cookie来说比较高一些,不会担心截获,但是仍然存在伪造问题
WebStorage的数据操作
  • setItem (key, value) —— 保存数据,以键值对的方式储存信息;
  • getItem (key) —— 获取数据,将键值传入,即可获取到对应的value值;
  • removeItem (key) —
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

世澈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值