写在前面的话

遇到厉害的面试官，有时会紧张的数不出话来，就像第一次被问到这个题目时，啥也说不出来；

后来发现，说一点就会比不说强；当然，说的好，最好了~

（一）有图有真相

脑图

（二） 缓存过程分析 划重点

1、强缓存

不会向服务器发送请求，直接从缓存中读取资源，在chrome控制台的Network选项中可以看到该请求返回200的状态码，并且Size显示from disk cache或from memory cache。强缓存可以通过设置两种 HTTP Header 实现：Expires 和 Cache-Control。

2、协商缓存

协商缓存就是强制缓存失效后，浏览器携带缓存标识向服务器发起请求，由服务器根据缓存标识决定是否使用缓存的过程，主要有以下两种情况：

参考资料

https://www.jianshu.com/p/54cc04190252