前端缓存 (http缓存 与 本地缓存)

前端缓存主要是分为http缓存和本地缓存

http 缓存

强缓存:Expires(过期时间)/ Cache-Control(no-cache)(优先级高)

协商缓存:Last-Modified/Etag(优先级高)其中 Etag适用于经常改变的小文件 Last-Modified适用于不怎么改变的大文件

强缓存和协商缓存策略:
在缓存命中时都会直接使用本地的缓存副本,区别只在于协商缓存会向服务器发送一次请求,缓存不命中时,都会向服务器发送请求来获取资源。

在实际的缓存机制中,强缓存策略和协商缓存策略说一起合作使用的。浏览器首先会根据请求的信息判断,强缓存说否命中,如果命中,则直接使用资源。则直接使用资源。如果不命中则根据头部信息向服务器发起请求,使用协商缓存,如果协商缓存命中,则服务器不放回资源,浏览器直接使用本地资料的副本,如果协商缓存不命中,则浏览器返回最新的资源给浏览器。

本地缓存:

cookie:数据存储不能超过4k,过期时间之前有效,始终在同源的http请求中携带,有path的概念,限制cookie只属于某个路径

webStorage 数据存储可以达到5M,仅在本地保存,不会把数据发送给服务端

localStorage 始终有效,可以用作持久数据

sessionStorage 仅在当前浏览器关闭之前有效

indexDB

以上几种本地缓存的共同点:都是保存在浏览器端,并且是同源的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值