前端页面缓存心得体会

都有哪些缓存？
缓存包括客户端缓存(浏览器缓存)和服务器缓存，一般我们说的都是浏览器缓存，缓存就是把访问后的动态文件生成一份静态文件的备份，当用户再次请求时，直接获取静态文件，极大减少服务器压力。

怎么控制缓存？
通过在页面的head中添加no-cache和expiration等信息，即可控制浏览器不缓存页面，例如下面的代码

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">

图片缓存的一些技巧
当页面加载了 a.jpg 和 a.jpg?v=1 时，会当作两个文件，都是拉去服务器最新资源，只有加载资源的url，完全一致才会走缓存，下面是图例：



这里的304代表加载缓存资源，200代表加载的服务器最新资源