各家浏览器为了抢占市场，纷纷拼了命的去提升性能，升级js解析引擎，更好的处理浏览器的页面缓存，让用户的浏览速度更好，占用更小的PC资源。那么，问题就出现在JS和CSS缓存，甚至页面缓存上。对页面使用者来说可能影响是正向的，但对开发者来说就不是了，有时间会出现我明明改了CSS样式，页面却并没有更新。
解决方案很简单，在css文件后面添加版本号或者日期，例如：
在使用webpack打包的时候会自动在外部css和js文件上添加版本号，但若是静态页面，就需要手动添加了，如果外部样式文件很多，而每一个文件都可能会被更改，工作就很繁琐了，因此可以封装一个方法针对性的处理此类问题。
1.index.html
2.clear_style_cache.js
处理后的结果如下
这样的话就可以有效的避免css和js缓存了。