防止js和css缓存

各家浏览器为了抢占市场，纷纷拼了命的去提升性能，升级js解析引擎，更好的处理浏览器的页面缓存，让用户的浏览速度更好，占用更小的PC资源。那么，问题就出现在JS和CSS缓存，甚至页面缓存上。对页面使用者来说可能影响是正向的，但对开发者来说就不是了，有时间会出现我明明改了CSS样式，页面却并没有更新。

解决方案很简单，在css文件后面添加版本号或者日期，例如：

在使用webpack打包的时候会自动在外部css和js文件上添加版本号，但若是静态页面，就需要手动添加了，如果外部样式文件很多，而每一个文件都可能会被更改，工作就很繁琐了，因此可以封装一个方法针对性的处理此类问题。

1.index.html

2.clear_style_cache.js

处理后的结果如下

这样的话就可以有效的避免css和js缓存了。