各家瀏覽器為了搶佔市場，紛紛拼了命的去提升效能，升級js解析引擎，更好的處理瀏覽器的頁面快取，讓使用者的瀏覽速度更好，佔用更小的PC資源。那麼，問題就出現在JS和CSS快取，甚至頁面快取上。對頁面使用者來說可能影響是正向的，但對開發者來說就不是了，有時間會出現我明明改了CSS樣式，頁面卻並沒有更新。

解決方案很簡單，在css檔案後面新增版本號或者日期，例如：

在使用webpack打包的時候會自動在外部css和js檔案上新增版本號，但若是靜態頁面，就需要手動添加了，如果外部樣式檔案很多，而每一個檔案都可能會被更改，工作就很繁瑣了，因此可以封裝一個方法針對性的處理此類問題。

1.index.html

2.clear_style_cache.js

處理後的結果如下

這樣的話就可以有效的避免css和js快取了。