强缓存和协商缓存

最新推荐文章于 2024-08-25 11:19:11 发布

谢家的晓敏

最新推荐文章于 2024-08-25 11:19:11 发布

阅读量62

点赞数 1

分类专栏：前端面试

本文链接：https://blog.csdn.net/weixin_41358807/article/details/115218955

版权

前端面试专栏收录该内容

47 篇文章 0 订阅

订阅专栏

强缓存

直接从本地副本比对读取，不去请求服务器，返回状态码200
expires设置资源的过期时间
cache-control:

no-cache:不使用本地缓存
public:任何情况下都缓存
private：只能被终端用户的浏览器缓存，不能被CDN等中继浏览器缓存
no-store:禁止浏览器缓存

协商缓存

先去服务器读取，若没有改变直接读取本地缓存，返回状态码304
header字段：

last-modified表示资源最后请求时间
If-Modified-Since返回上一次请求结果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

谢家的晓敏

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

http缓存策略以及强缓存和协商缓存浅析

虚幻私塾

05-12

1416

🚀 优质资源分享 🚀 学习路线指引（点击解锁）知识定位人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 http缓存策略以及强缓存和协商缓存浅析本地缓存-强缓存本地缓存，也就是我们常说的强缓存：是指当浏览器请求资源时，如果请求服务端的资源命中了浏览器本地的缓存资源，那

http的强缓存和协商缓存

最新发布

qq_40977044的博客

09-03

544

expires是一个GTM格式的字符串，由服务器生成，表示资源过期的时间，当客户端再次请求该资源时，会把客户端时间与该时间戳进行对比，如果小于该时间戳（即资源尚未过期），则直接使用缓存资源，无需向服务器发送请求；服务器在响应请求时，通过last-modified字段返回该资源文件在服务器上最后被修改的时间，浏览器在再次发起该请求时，会在请求头中携带上次请求返回的last-modified的值，作为if-modified-since的值。如果时间不一致，说明资源有更新，服务器返回状态码。

参与评论您还未登录，请先登录后发表或查看评论

强缓存和协商缓存的区别

lixiuxiu2017的博客

08-25

403

协商缓存：主要基于ETag和Last-Modified这两个HTTP头信息来实现。通过设置这些头信息的值，可以指定缓存的有效期。服务器会根据请求中的某些标识（如ETag或Last-Modified）来判断资源是否发生了变化，并返回相应的响应。强缓存：如果命中强缓存，浏览器会直接读取本地缓存，而不会向服务器发送请求。因此，强缓存的响应状态码为200（OK）。如果资源有更新，服务器会返回新的资源数据，并可能更新相关的缓存标识。强缓存：在缓存有效期内，浏览器不会向服务器发送请求，而是。

什么是强缓存和协商缓存

比鲁斯大人的博客

08-24

1941

强缓存策略和协商缓存策略在缓存命中时都会直接使用本地的缓存副本，区别只在于协商缓存会向服务器发送一次请求。它们缓存不命中时，都会向服务器发送请求来获取资源。在实际的缓存机制中，强缓存策略和协商缓存策略是一起合作使用的。浏览器首先会根据请求的信息判断，强缓存是否命中，如果命中则直接使用资源。如果不命中则根据头信息向服务器发起请求，使用协商缓存，如果协商缓存命中的话，则服务器不返回资源，浏览器直接使用本地资源的副本，如果协商缓存不命中，则浏览器返回最新的资源给浏览器。

前端的强缓存和协商缓存

大雾起了清晨

06-12

728

前端的强缓存和协商缓存

HTTP系列之HTTP缓存 —— 强缓存和协商缓存

cherry__yu的博客

03-21

2123

如果没有命中强缓存，浏览器会发送请求到服务器，该请求会携带第一次请求返回的有关缓存的header字段信息（Last-Modified / IF-Modified-Since、Etag / IF-None-Match），由服务器根据请求中的相关header信息来对比结果是否命中协商缓存，若命中，则服务器返回新的响应header信息更新缓存中的对应header信息，但是并不返回资源内容，它会告知浏览器可以直接从缓存获取；否则返回最新的资源内容。这个时间代表着这个资源的失效时间，在此时间之前，即命中缓存。

强缓存和协商缓存的区别？

laowang357的博客

03-13

616

协商缓存和强缓存是 HTTP 缓存机制中的两种不同的策略，用于减少网络请求并提高网页加载速度。它们之间的主要区别在于和。

Http强缓存和协商缓存

weixin_45740510的博客

04-16

3465

文章目录一、缓存介绍1、什么是缓存？2、为什么需要缓存？3、哪些资源可以被缓存？——静态资源（css、js、img）二、强制缓存1、定义：2、设置强缓存的方式 Expires & Cache-Control三、协商缓存1、定义2、设置协商缓存的方式 (Last-Modified , If-Modified-Since) & (ETag , If-None-Match)1) Last-Modified , If-Modified-Since2）Etag，If-None-Match对比：一、缓

谈谈强制缓存和协商缓存

01-08

先来说一下缓存的优点减少了冗余的数据传递，节省宽带流量减少了服务器的负担，大大提高了网站性能 ...强制缓存当缓存数据库中已经有了请求的数据时，如果没有，客户端...no-cache：需要协商缓存验证数据 no-store

强缓存和协商缓存-面试必会

qq_16546829的博客

04-01

1131

一文彻底搞懂前端缓存

display:flex和三列布局

weixin_41358807的博客

01-27

1580

flex 弹性盒子在父元素上设置display：flex 弹性改变父元素中的子元素默认情况下：有一条水平的主轴，所有子元素按照主轴方向排列，在主轴方向没有宽度，在侧轴方向宽度填满。主轴方向元素变多时，自动挤压父元素属性 flex-direction表示主轴方向： 1.row表示主轴水平方向排列，从左到右，侧轴垂直从上到下 row-reverse表示主轴水平，从右到左排列 2.column表示主轴垂直方向排列，从上到下 column-reverse表示主轴垂直方向排列，从下到上 justify-cont

Proxy代理

weixin_41358807的博客

03-26

1136

是一个对目标对象操作的拦截器，拦截对目标对象的操作并自定义一些行为 let p=new Proxy(target,handler) //target指目标对象，handler指（包含操作时定义代理的行为的属性）一个对象 vue使用proxy替换Object.defineProperty方法给属性添加set,get的办法，直接监控data对象 ...

async_await用法

weixin_41358807的博客

01-31

403

async作为修饰关键字修饰在函数前，表示该函数是一个异步函数 await的使用必须有async关键字 await等待的必须是一个promise对象 async返回的是一个promise对象 asyn function A(){ return '星星';} A().then(result=>{console.log(result);}) 没有await的执行 function A(){ return new Promise((resolve,reject)=>{ .

js中for和forEach的区别（数组扁平化）

weixin_41358807的博客

03-22

316

上代码 function deepFlatten(arr){ // const res=[] // arr.forEach(element => { // if(Array.isArray(element)){ // res=res.concat(deepFlatten(element)) // }else{ // res.push(element) // } // });

“==”和“===”的区别

weixin_41358807的博客

01-22

294

=== 类型不同，值相同返回false 类型相同，值不同返回true == 类型不同，值相同，自动转换类型再比较，返回true

从输入url到页面渲染的全过程+DNS解析

weixin_41358807的博客

04-09

256

全过程输入url后，浏览器先查看浏览器缓存、本地缓存、路由缓存，若没有则进行下一步进行域名解析（DNS），获取对应的ip地址浏览器宇服务器进行tcp三次握手浏览器发送HTTP请求，请求数据包服务器获取请求，将数据返回给浏览器浏览器收到响应后读取解析HTML源码，生成DOM数，解析css,解析js 浏览器于服务器进行ajax查询 DNS解析浏览器检查自身缓存、检查操作系统缓存浏览器向本地服务器发起请求本地服务器向根域名服务器发起请求，返回给本地服务器一个国际顶尖域名服务器的地址本地服

构造函数写法和prototype

weixin_41358807的博客

01-26

207

构造函数规则 1.调用的时候必须和new连用 2. 内部不能写return： 1. return基本数据类型，return无效 2. return复杂数据类型，构造函数无效（内部定义变量和方法无效） 3.构造函数首字母大写以区别普通函数 prototype 每一个函数天生自带一个属性，叫prototype（原型），他是一个对象，在里面写方法是为了给多个对象共享使用的。每一个prototype里带有一个constructer（构造器），表示是哪一个构造函数伴生的原型对象，用来判断数据类型。 _pr

Vue开发项目中踩过的坑

weixin_41358807的博客

03-18

203

表单重置：只会重置为刚开始第一次定义的值，若初始化的时候不为空，则重置后也不为空。阿里巴巴图标库可以开源导出漂亮的图标文件，并且生成相应的类，可以之间导入项目使用。

浏览器强缓存和协商缓存

04-04

浏览器缓存是指浏览器将之前请求过的资源（如图片、CSS、JS等）保存在本地，下次请求相同的资源时可以直接从缓存中读取，从而加快页面加载速度。浏览器缓存主要分为强缓存和协商缓存两种方式。强缓存是指在缓存过期时间内，浏览器直接从本地缓存中获取资源，不会向服务器发送请求。强缓存可以通过设置HTTP响应头中的Expires和Cache-Control字段来实现。Expires是一个时间戳，表示资源的过期时间，而Cache-Control则是一个字符串，表示缓存的一些规则，如max-age表示资源的最大缓存时间。协商缓存是指在缓存过期时间内，浏览器会向服务器发送请求，服务器会根据资源的最后修改时间（Last-Modified）和ETag（实体标识）来判断资源是否有更新。如果资源没有更新，则服务器会返回304状态码，告诉浏览器直接从本地缓存中获取资源。协商缓存可以通过设置HTTP响应头中的Last-Modified和ETag字段来实现。总的来说，强缓存优先级高于协商缓存，因为强缓存不需要向服务器发送请求，从而可以更快地获取资源。但是强缓存的缺点是无法判断资源是否有更新，可能会导致使用过期的缓存资源。因此，建议在使用强缓存时，同时设置协商缓存，以便在必要时判断资源是否有更新。