web缓存是web用于临时存储各种资源的一种技术。
web缓存大概分两种，一种是前端缓存，另一种是后端端缓存。
前端缓存
浏览器缓存
浏览器自带的缓存机制。
比如说浏览器后退前进的动作，一般使用浏览器的缓存机制，部分浏览器有网页加速缓存机制。
html页面缓存
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
作用不大，对于特定代理服务器没有。
cookies缓存
比如：登录认证，偏好设置，浏览痕迹等。
PS：如何在已有的cookies上更新cookie的值。
在cookies的值加入随机字符串，或者先清除所有的cookie，重新创建新的cookie。设置cookie一定要设置过期时间。
补充：个人不建议使用给文件加随机数作为版本号，因为随机数是一个伪随机数，不是真正意义的随机数，这涉及一个算法问题，不深究。
后端缓存
服务器缓存（http缓存）
通过http请求头来通知浏览器缓存页面
首次请求。
Expires：http response的响应时间。
Cache-control：控制浏览器中页面缓存状态。
Last-Modified：浏览器最后一次请求服务端资源修改的日期。
再次请求
Etag/If-None-Match：url实体标签，类似于token，如果没有修改就返回状态码304，不会发送资源。
If-Modified-Since：再次请求服务端资源修改的日期，如果没有修改就返回状态码304，不会发送资源。
PS：Cache-control设置了max-age与s-max-age值的话，Expires会被忽略，为了保证客户端能够获取到最新资源，建议都定义以上字段。
数据缓存
一般指的是使用了缓存数据库，把数据缓存在服务器内存或磁盘。
PS：一定要及时更新缓存数据库的数据，同步主数据库的数据，保证数据一致性。
总结：合理使用缓存可以减少用户和服务器端的带宽使用，提高访问速度，否则就会出现数据更新不及时等问题。
补充：
更新前端项目方法
方法一：使用webpack打包生成的项目，自己手动删除旧文件。先把dist文件夹上传上去，然后一个个按照上传的日期去删除。
缺点：工作繁琐，担心一时手误删除文件。
方法二：使用文件同步软件，把dist文件夹自动与ftp文件夹同步。
优点：避免自己误删其他文件，自动删除旧项目，平滑更新生产环境的项目。·