浏览器缓存一直是个老生常谈的话题，也是面试官常常用来鉴别面试者的利器，作为前端来讲这块知识是属于必须掌握的，再者在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。
什么是缓存呢？
当我们第一次访问网站的时候，比如 mybj123.com，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就是缓存。
缓存有哪些好处？
1. 缓解服务器压力，不用每次都去请求某些数据了。
2.提升性能，打开本地资源肯定会比请求服务器来的快。
3.减少带宽消耗，当我们使用缓存时，只会产生很小的网络消耗，至于为什么打开本地资源也会产生网络消耗，下面会有说明。
Web 缓存种类： 数据库缓存，CDN 缓存，代理服务器缓存，浏览器缓存。
Etag / If-None-Match 优先级高于 Last-Modified / If-Modified-Since，同时存在则只有 Etag / If-None-Match 生效。
4. 缓存方案
目前的项目大多使用这种缓存方案的：
-
- HTML: 协商缓存；
- css、js、图片：强缓存，文件名带上 hash。
5. 强缓存与协商缓存的区别
1. 强缓存不发请求到服务器，所以有时候资源更新了浏览器还不知道，但是协商缓存会发请求到服务器，所以资源是否更新，服务器肯定知道。
2. 大部分 web 服务器都默认开启协商缓存。
6. 刷新对于强缓存和协商缓存的影响
1. 当 ctrl+f5 强制刷新网页时，直接从服务器加载，跳过强缓存和协商缓存。
2. 当 f5 刷新网页时，跳过强缓存，但是会检查协商缓存。
3. 浏览器地址栏中写入 URL，回车 浏览器发现缓存中有这个文件了，不用继续请求了，直接去缓存拿。（最快）