浏览器缓存机制

用户发送请求，浏览器查看是否有缓存，且缓存是否过期，如果缓存未过期，就直接使用缓存，如果过期，就向服务器请求资源

浏览器的缓存分为强缓存和协商缓存

强缓存：用户发送的请求，直接从客户端缓存中获取，不发送请求到服务器，不与服务器发生交互行为

协商缓存：用户发送的请求，发送到服务器后，由服务器判定是否从缓存中获取资源

共同点：都是从客户端的缓存中获取资源

区别：强缓存不与服务器交互，协商缓存需要与服务器交互

过程：

1. 浏览器判定是否有缓存
2. 检验缓存是否过期
3. 如果为未过期，直接进行强缓存，如果过期了，那就进行协商缓存，由服务器来检测是否使用缓存

 

强缓存可以通过设置两种 HTTP Header 实现：Expires 和 Cache-Control,

Expires是设置的资源失效日期告知浏览器

Cache-Control是HTTP1.1提出来的，是取代Expires 的更好办法，可以使用如max-age=100，就在100秒后资源失效

 

两者同时存在的话，Cache-Control优先级高于Expires

 

协商缓存可以通过设置两种 HTTP Header 实现：Last-Modified 和 ETag

浏览器检测是否有 Last-Modified，有就添加If-Modified-Since，然后下一次请求就会对比If-Modified-Since和服务器最后修改时间是否一致，如果一致，就返回304状态码和空的响应体，如果小于最后修改时间，就返回新的资源

 

ETag是HTTP1.1提出的，是取代Last-Modified更好的办法，ETag是服务器响应请求时，返回当前资源文件的唯一标识符，只要文件有变化，ETag就会重新生成，再次发送请求时，ETag的值会存入If-None-Match，发送给服务器，由服务器来判断是否被修改