JS:js和css本地缓存问题

由于浏览器会自动缓存静态文件的，这些文件一般只在强制刷新时，才会重新读取。

怎么清除浏览器缓存的静态文件呢？

大部分人的想法是url后面加时间戳，但是问题出现了，就是每次url地址变化时 浏览器就会请求服务端的js和css文件，而不会使用缓存。但是会导致浏览器每次都要去请求服务端的js和css文件，占用带宽。

解决方法：在url后面加版本号，现在很多网站都是这么做的。

每次有新版本的时候可以修改网站版本号，将修改后的版本号加到js文件后面

例：

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

这样不发布代码的时候，浏览器使用的是本地缓存，因为版本号没有变化，发布后就会从新请求js文件。

也可以像淘宝一样加日期：

<script type="text/javascript" src="/js/common.js?t=20160505" ></script> 

获取更多的文章，欢迎关注微信公众号