一个网站上线后，经常会进行版本迭代，有时候更新完会发现代码不生效，打开调试器发现修改过的js文件居然还是旧版的。

这个现象的发生是由于浏览器缓存，我们只需要手动清理 一下浏览器缓存就可以正常的加载出新版本的静态文件了。

但是站在用户的角度我们不可能让用户这么做，我们有另一种更好的方式去更新缓存：给文件加版本号。

举个例子，引入一个js脚本本来是这样写的

<script type="text/javascript" src="common/api.js"></script>

我们给它加一个版本号，变成这样子

<script type="text/javascript" src="common/api.js?v=1.001"></script>

这时候浏览器会对它进行缓存，当我们上了一个版本后，只需要将版本号改一下

<script type="text/javascript" src="common/api.js?v=1.002"></script>

浏览器便会更新这个文件。

要注意的是，每次更新最好是跟该版本关联的文件才对应更改版本号，这样就不会一次性更新所有静态文件，避免版本更新时网站加载缓慢的问题。