http 304响应的理解

• 分情况理解

1. 浏览器有缓存
   1.1 缓存没有过期
   1.1.1 服务器中的文件没有修改
   浏览器进行条件请求，先判断有没有缓存，再判断请求文件是否修改，缓存没有过期并且请求文件没有修改过，则服务器直接返回304响应，然后从缓存中取数据。省去直接传输整个响应体的时间。
   1.1.2 服务器中的文件修改过
   发送请求给服务器，成功返回200
   1.2 缓存过期
   1.2.1服务器中的文件没有修改
   浏览器访问缓存，成功返回304
   1.2.2服务器中的文件修改过
   发送请求给服务器，成功返回200
2. 浏览器无缓存
   浏览器发送请求给服务器，成功返回200

• 如何判断缓存是否过期
  主要的方式有两种，这两种都是设定请求头中的某一个字段来实现的：1、Expires；2、Cache-Control。Cache-Control设置后优先级比Expires高，先说下通过Cache-Control来控制缓存。
  
• 判断文件是否修改

常用的方式为Etag（一般是文件的MD5值）和Last-Modified，思路上差不多，这里只介绍Last-Modified的用法。

Last-Modified方式需要用到两个字段：Last-Modified 和 if-modified-since。
先来看下这两个字段的形式：

• 注意
  当你F5刷新的时候就会让当前的这个文件所设定的过期时间失效，直接去请求服务器来看是返回个304还是返回新文件。一般这么请求的都是我们常说的入口文件（例如index.html），入口文件一刷新就会重新向服务器请求，但是入口文件里面所引入的文件如js，css等不会随着刷新而另过期时间失效。除非你单找出来那个引入链接，通过浏览器地址栏去查询它并刷新