面经复习-浏览器缓存和304

最新推荐文章于 2024-06-23 03:52:15 发布
最新推荐文章于 2024-06-23 03:52:15 发布
阅读量417 收藏 1
点赞数
分类专栏： 面经 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30012951/article/details/108738241
版权
本文介绍了HTTP缓存中的强缓存和协商缓存，包括Cache-Control、Expires、Last-Modified与ETag的工作原理，以及它们在浏览器缓存策略中的应用。通过理解这些机制，可以优化网页加载速度并减少服务器负载。
摘要由CSDN通过智能技术生成

参考链接1
参考链接2

文章仅复习记录用。

关键词

强缓存：200、不发送请求
cache-control，
Expires 时间
协商缓存：304，发送请求
Last-Modifined -> If-Modified-Since 修改时间
Etag -> If-None-Match 服务器唯一标识

一、浏览器缓存

浏览器第一次打开一个网页获取资源后，根据返回的header信息来告诉如何缓存资源。

  • 浏览器第一次请求时：

在这里插入图片描述
在这里插入图片描述

  • 浏览器后续请求时：

在这里插入图片描述
在这里插入图片描述</

最低0.47元/天 解锁文章
鲈鱼1111
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端基础-浏览器缓存/HTTP缓存机制(面试常考)
LYFlied的博客
03-28 1万+
浏览器缓存/HTTP缓存机制(面试常考) HTTP报文 HTTP请求(Request)报文 HTTP响应(Response)报文 缓存过程分析 缓存规则 1.强制缓存 1.1Expires 1.2 Cache-Control 2. 缓存存储 3.协商缓存 3.1 Last-Modified / If-Modified-Since 3.2 Etag / If-None-Match 四、不同刷新的请求执行过程 强制缓存优先于协商缓存进行，若强制缓存(Expires和Cache-Control)生效则直接使用缓存
有关浏览器缓存 200vs304
cicistream
08-20 711
基本概念 Etag：web服务器响应请求时，告诉浏览器当前资源在服务器的唯一标识（生成规则由服务器决定）。 If-None-Match：当资源过期时（使用Cache-Control标识的max-age），发现资源具有Etage声明，则再次向web服务器请求时带上头If-None-Match （Etag的值）。web服务器收到请求后发现有头If-None-Match 则与被请求资源的相应校验串进...
浏览器缓存和304小结
weixin_34301132的博客
04-02 206
关于浏览器缓存 浏览器的资源请求，如果使用了缓存基本上是两种情况 status code: 200 ok ( from cache ) status code: 304 Not Modified 上面两种方式有什么区别呢？简单地说，第一种方式是不向浏览器发送请求，直接使用本地缓存文件。第二种方式，浏览器虽然发现了本地有该资源的缓存，但是不确定是否是最新的，于是想服务器询问，...
面试最爱问的浏览器的缓存机制问题
最新发布
zayyo的博客
06-23 1148
浏览器的缓存是指浏览器在处理网络资源时，将这些资源存储在本地磁盘或内存中，并在后续的请求中重复使用这些缓存的资源。它旨在提高网页加载速度、减少网络流量和服务器负载。强缓存是指浏览器在请求资源时，直接从本地缓存中获取资源，并且不会发送请求到服务器。协商缓存是指浏览器在请求资源时,浏览器和服务器之间协商确定是否使用缓存副本的形式。如果资源的强缓存失效（即过期），浏览器将向服务器发送请求，并在请求中携带上次缓存的相关信息。服务器收到请求后，会根据携带的信息来判断资源是否有更新。
304状态码与浏览器缓存(强缓存与协商缓存)
weixin_45696837的博客
03-05 1804
浏览器缓存可以有效释放服务器的压力，还可以提高用户体验，提高Web应用的性能。浏览器缓存分为强制缓存和协商缓存。一般这两种都是一起使用的。
面试-浏览器缓存机制
嘻哈熊的专栏
03-14 2621
本文由 简悦 SimpRead 转码， 原文地址 mp.weixin.qq.com 前语：不要为了读文章而读文章，一定要带着问题来读文章，勤思考。 作者：Jartto    来源：http://1t.click/tJV 相信很多前端童鞋对于浏览器缓存都不太陌生，但是如果没有系统的归纳总结，可能三言两句很难说明白。如何才能完美的回答，这是一个值得思考的问题。 当然，我们不能为了应对面试才去掌握，而应该当作技能储备起来，做到活学活用。 # 为什么要缓存 1、缓存可以减少用户等待时间，提.
面经--倾听潮汐.pdf
09-21
面经--倾听潮汐.pdf
面经分享-Java面试题及答案总结.zip
03-08
面经分享-Java面试题及答案总结 面经分享-Java面试题及答案总结 面经分享-Java面试题及答案总结 面经分享-Java面试题及答案总结 面经分享-Java面试题及答案总结 面经分享-Java面试题及答案总结 面经分享-Java面试题...
6月校招面经精选-JQ20200627
09-13
6月校招面经精选-JQ20200627；6月校招面经精选-JQ20200627；6月校招面经精选-JQ20200627；6月校招面经精选-JQ20200627；6月校招面经精选-JQ20200627；6月校招面经精选-JQ20200627；6月校招面经精选-JQ20200627；6月...
Java后台面经--倾听潮汐.zip
04-25
"Java后台面经--倾听潮汐.pdf"这份文档很可能提供了以上诸多领域的面试题解析和应对策略，通过深入学习和实践，可以提升Java后台开发者的面试竞争力。建议仔细研读并结合实际进行巩固，以提高面试成功率。
浏览器缓存相关面试题一网打尽，理论结合实践，用代码学习缓存问题，建议关注+收藏，（含项目源代码）
qq_17335549的博客
01-08 1737
浏览器缓存的问题是面试中关于浏览器知识的重要组成部分，也是性能优化题目的一部分，但是不要被吓到，我话放到这里，就那么点东西，我这一篇文章基本上就涵盖了所有相关的知识点，认真看一遍，所有的问题都是纸老虎。前端缓存，使用http请求头控制的缓存这块，如果用代码自己实现之后发现，就那么点东西。内容比较多难免疏漏，有问题欢迎指正。我的仓库地址是，这是一系列文章，我会在我的专栏《面试题一网打尽》中持续更新，欢迎关注！
今天的一道面试题(18) - 说一下浏览器缓存
眼里长着太阳，笑里全是坦荡
11-07 249
浏览器缓存主要分为强缓存和协商缓存, 我们主要记住浏览器缓存的这个工作流程以及几个主要字段 参考链接 掘金- 彻底理解浏览器的缓存机制 文章目录强制缓存Expires(HTTP/1.0)Cache-Control(HTTP/1.1优先级更高)协商缓存Last-Modified / If-Modified-SinceEtag / If-None-Match(优先级更高)总结 强制缓存 强制缓存就是向浏览器缓存查找该请求结果，并根据该结果的缓存规则来决定是否使用该缓存结果的过程，强制缓存的情况主要有三种(暂不分
浏览器缓存，不得不说的面试问题！
あなたの可愛い41
10-18 484
浏览器缓存写在前面浏览器缓存http缓存强缓存协商缓存本地缓存重点说一下前三者的区别 写在前面 缓存从微观上可以分为以下几类 浏览器缓存（今天我们重点说的） 代理缓存 CDN缓存 数据库缓存 应用缓存 浏览器缓存 访问网页的时候，需要从服务器下载一些页面渲染所需的资源，比如html文档，css，js，图片等，有的资源是很少变动的，比如代表公司的logo图。如果把这些资源缓存下来，很自然减少了服务器的负载，而且页面加载时间也会缩短。 但是，要不要使用缓存，这个资源浏览器又要缓存多久，这些浏览器怎么知道？别
浏览器缓存
qq593249106的博客
10-18 1848
前端面试题之浏览器缓存 浏览器缓存指的是http缓存，而storage是应用层缓存，不一样 浏览器缓存分为两类：强缓存和协商缓存 先了解一下浏览器缓存机制： 缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。 ...
IE浏览器 请求报304，解决办法 设置页面禁止缓存
授人以渔的博客
08-31 2485
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 加在HTML页面中即可，之后返回的就是200了
面试题——什么是浏览器缓存
ruanxinjie的博客
08-16 1858
面试题 什么是浏览器缓存
面试题：说说浏览器的缓存机制
Hlleo Wrold
06-04 962
强制缓存优先于协商缓存。强制缓存生效则直接使用缓存数据，否则进行协商缓存。协商缓存由服务器决定是否使用缓存中的数据。协商缓存生效则服务器返回 304，使用缓存数据，否则重新请求结果，再存入浏览器缓存中。
前端面试题合集1-5（浏览器缓存方式，js数据类型详解，闭包详解，Promise解析，跨域以及解决方式详解）
qq_43682422的博客
07-20 696
前端知识点，前端面试题
java面经-百度准入职老哥整理.pdf
11-01
通过仔细研究和复习这些问题的答案，可以帮助面试者全面了解Java语言的特性和应用。 其次，这份面经还提供了问题的解答思路和方法，帮助面试者理清思路，正确回答问题。这对于很多面试者来说特别有帮助，因为在面试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值