JS 存储

本文深入解析了cookie、sessionStorage及localStorage的区别,包括它们的存储容量、是否参与HTTP请求、API使用便捷性等关键特性,为前端开发者提供了清晰的对比指南。

1. 描述cookie ,sessionStorage 和 localStorage 的区别?

cookie : 本身用于客户端和服务器端通信, 但是有本身存储的功能,就被‘借用’

    使用document.cookie  获取 ,修改  // 字符串形式 , 麻烦

    存储缺点: 只有4KB,存储量太小, 因为要和服务端通信,

          所有http请求都会携带,会影响获取资源的效率

          API 简单,需要封装才能用 document.cookie

 

localStorage,sessionStorage

专门为存储而设计,最大容量 5M,不用在请求中携带

API 简单易用

localStorage.setItem(key,value)

localStorage.setItem(key)

 

区别: sessionStorage 当前会话关闭便会清空(浏览器关闭)

   用户不删除或者清理缓存localStorage 一直存在

ios safari 隐藏模式下, localStorage.getItem 会报错  ,避免: try catch包装

 

总结:

区别: 容量

    是否会携带到ajax中

   API 易用性

转载于:https://www.cnblogs.com/aizzz/p/9826698.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值