浏览器缓存

缓存分类

1.强缓存

2.协商缓存

强缓存

1、Expires

2、Cache-Control

协商缓存

1、Last-Modified和If-Modified-Since

2、 ETag和If-None-Match

浏览器缓存的四个位置

1. Service Worker Cache
2. Memory Cache
3. Disk Cache
4. Push Cache

强缓存和协商缓存的区别

* 协商缓存跟强缓存不一样，强缓存不发请求到服务器，所以有时候资源更新了浏览器还不知道，但是协商缓存会发请求到服务器，所以资源是否更新，服务器肯定知道。* 大部分web服务器都默认开启协商缓存，而且是同时启用Last-Modified，If-Modified-Since和ETag、If-None-Match* Last-Modified，If-Modified-Since和ETag、If-None-Match一般都是同时启用，这是为了处理Last-Modified不可靠的情况* // 分布式系统里多台机器间文件的Last-Modified必须保持一致，以免负载均衡到不同机器导致比对失败* // 分布式系统尽量关闭掉ETag(每台机器生成的ETag都会不一样）

浏览器缓存判断的流程

面试题

列举三种禁止浏览器缓存的头字段，并写出响应的设置值

今日头条面试题与解析

参考：

看了这篇文章，浏览器缓存一定能记住

[深入07] 浏览器缓存机制（http缓存机制）

前端优化：浏览器缓存技术介绍

利用超市买牛奶来解释web缓存

实践这一次,彻底搞懂浏览器缓存机制

深入理解浏览器的缓存机制

图解浏览器缓存，教你提高用户体验

浏览器缓存策略之扫盲篇

深入剖析浏览器缓存策略

霖呆呆你来说说浏览器缓存吧

浏览器缓存机制剖析

浏览器缓存

看完这篇还不清楚缓存，求你打我😈（有彩蛋）

前端面试查漏补缺--(六) 浏览器缓存

浅解强缓存和协商缓存

当我们在谈论HTTP缓存时我们在谈论什么

前端浏览器缓存知识梳理

你知道 http 响应头中的 ETag 是如何生成的吗

离线化/长缓存方案探究与实践