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

最新推荐文章于 2024-03-08 22:04:05 发布
最新推荐文章于 2024-03-08 22:04:05 发布
阅读量404 收藏 1
点赞数
分类专栏： 面经 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30012951/article/details/108738241
版权

参考链接1
参考链接2

文章仅复习记录用。

关键词

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

一、浏览器缓存

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

  • 浏览器第一次请求时：

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

  • 浏览器后续请求时：

最低0.47元/天 解锁文章
鲈鱼1111
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关浏览器缓存 200vs304
cicistream
08-20 708
基本概念 Etag：web服务器响应请求时，告诉浏览器当前资源在服务器的唯一标识（生成规则由服务器决定）。 If-None-Match：当资源过期时（使用Cache-Control标识的max-age），发现资源具有Etage声明，则再次向web服务器请求时带上头If-None-Match （Etag的值）。web服务器收到请求后发现有头If-None-Match 则与被请求资源的相应校验串进...
前端基础-浏览器缓存/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)生效则直接使用缓存
浏览器缓存和304小结
weixin_34301132的博客
04-02 198
关于浏览器缓存 浏览器的资源请求，如果使用了缓存基本上是两种情况 status code: 200 ok ( from cache ) status code: 304 Not Modified 上面两种方式有什么区别呢？简单地说，第一种方式是不向浏览器发送请求，直接使用本地缓存文件。第二种方式，浏览器虽然发现了本地有该资源的缓存，但是不确定是否是最新的，于是想服务器询问，...
304状态码与浏览器缓存(强缓存与协商缓存)
weixin_45696837的博客
03-05 1459
浏览器缓存可以有效释放服务器的压力，还可以提高用户体验，提高Web应用的性能。浏览器缓存分为强制缓存和协商缓存。一般这两种都是一起使用的。
深入了解304缓存原理：提升网站性能与加载速度
最新发布
你若盛开，清风自来
03-08 1598
本文详细介绍了HTTP 304状态码的缓存原理，解释了它在提高网站加载速度和性能方面的作用。通过掌握304缓存，开发者可以有效减少服务器负载，节省带宽资源。HTTP 304状态码表示资源自上次请求以来没有修改过。当浏览器再次请求同一个资源时，如果服务器返回304状态码，浏览器会直接使用缓存的版本，而不会向服务器发送请求。这大大减少了不必要的网络传输，提高了页面加载速度。304缓存，全称，是一种HTTP缓存状态码。它告诉浏览器，所请求的资源没有修改，可以继续使用缓存中的副本。304缓存是基于浏览器缓。
面试-浏览器缓存机制
嘻哈熊的专栏
03-14 2604
本文由 简悦 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 面经--JVM，spring框架，分布式，数据库
09-29
JAVA 面经--JVM，spring框架，分布式，数据库
浏览器缓存相关面试题一网打尽，理论结合实践，用代码学习缓存问题，建议关注+收藏，（含项目源代码）
qq_17335549的博客
01-08 1497
浏览器缓存的问题是面试中关于浏览器知识的重要组成部分，也是性能优化题目的一部分，但是不要被吓到，我话放到这里，就那么点东西，我这一篇文章基本上就涵盖了所有相关的知识点，认真看一遍，所有的问题都是纸老虎。前端缓存，使用http请求头控制的缓存这块，如果用代码自己实现之后发现，就那么点东西。内容比较多难免疏漏，有问题欢迎指正。我的仓库地址是，这是一系列文章，我会在我的专栏《面试题一网打尽》中持续更新，欢迎关注！
今天的一道面试题(18) - 说一下浏览器缓存
眼里长着太阳，笑里全是坦荡
11-07 240
浏览器缓存主要分为强缓存和协商缓存, 我们主要记住浏览器缓存的这个工作流程以及几个主要字段 参考链接 掘金- 彻底理解浏览器的缓存机制 文章目录强制缓存Expires(HTTP/1.0)Cache-Control(HTTP/1.1优先级更高)协商缓存Last-Modified / If-Modified-SinceEtag / If-None-Match(优先级更高)总结 强制缓存 强制缓存就是向浏览器缓存查找该请求结果，并根据该结果的缓存规则来决定是否使用该缓存结果的过程，强制缓存的情况主要有三种(暂不分
浏览器缓存，不得不说的面试问题！
あなたの可愛い41
10-18 467
浏览器缓存写在前面浏览器缓存http缓存强缓存协商缓存本地缓存重点说一下前三者的区别 写在前面 缓存从微观上可以分为以下几类 浏览器缓存（今天我们重点说的） 代理缓存 CDN缓存 数据库缓存 应用缓存 浏览器缓存 访问网页的时候，需要从服务器下载一些页面渲染所需的资源，比如html文档，css，js，图片等，有的资源是很少变动的，比如代表公司的logo图。如果把这些资源缓存下来，很自然减少了服务器的负载，而且页面加载时间也会缩短。 但是，要不要使用缓存，这个资源浏览器又要缓存多久，这些浏览器怎么知道？别
浏览器缓存
qq593249106的博客
10-18 1834
前端面试题之浏览器缓存 浏览器缓存指的是http缓存，而storage是应用层缓存，不一样 浏览器缓存分为两类：强缓存和协商缓存 先了解一下浏览器缓存机制： 缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。 ...
IE浏览器 请求报304，解决办法 设置页面禁止缓存
授人以渔的博客
08-31 2433
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 加在HTML页面中即可，之后返回的就是200了
面试题——什么是浏览器缓存
ruanxinjie的博客
08-16 1814
面试题 什么是浏览器缓存
前端面试题合集1-5（浏览器缓存方式，js数据类型详解，闭包详解，Promise解析，跨域以及解决方式详解）
qq_43682422的博客
07-20 672
前端知识点，前端面试题
面试题什么是浏览器缓存
weixin_41791737的博客
05-17 832
1、最近遇到很多面试者答不上来什么是浏览器缓存这道题；很尴尬 2、其实浏览器缓存很简单，我来讲一下 我来详细讲一下 1、浏览器缓存是设置在ajax请求头的； 2、浏览器缓存大部分都是后端开发设置的，前端开发设置的不多；前端面试总是讲这个问题，是考验一下前端开发对浏览器原理的理解 3、浏览器缓存分为两个；强...
浏览器的网络请求304的缓存问题
weixin_43954090的博客
06-26 2286
1、浏览器先看本地有没有缓存，有的话就再看有没有过期，没有就直接发起http请求获取最新js、html等文件。（没有过期直接使用本地缓存，谁都不商量，所以叫强制缓存） 2、本地缓存过期了的话就去问一下服务器文件有没有修改，没有修改过就返回304继续使用本地缓存，同时更新一下本地缓存的过期时间，修改的话返回200获取新文件。（问一下服务器要不要使用本地缓存，所以叫协商缓存） 强制缓存：有两个规则判定有没有过期。 Expires和Cache-Control，Cache-Conctrol的优先级比Expires
java面经-百度准入职老哥整理.pdf
11-01
通过仔细研究和复习这些问题的答案，可以帮助面试者全面了解Java语言的特性和应用。 其次，这份面经还提供了问题的解答思路和方法，帮助面试者理清思路，正确回答问题。这对于很多面试者来说特别有帮助，因为在面试...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值