css、js緩存問題

目前開發新需求,經常服務器發佈文件後要不斷的刷新頁面或者過很長時間,頁面上的CSS和JS文件才能生效,特別對於目前做微信公衆號的時候,微信內置的瀏覽器緩存非常的嚴重。但是目前項目中沒有任何處理緩存的機制,導致在開發中明明更改了樣式或者腳本但是就是沒有任何效果,只能不停刷新、清緩存,非常坑爹!瀏覽器緩存的意義在於提高了執行效率,但是導致服務端修改了js、css,客戶端不能及時更新。你每次發佈一個新的版本,用戶的腳本和樣式不更新,那程序就只能停在那裏。所以這兩天一直在找解決的辦法,看到網上的解決辦法雖然各不一樣比如加隨機數、用MD5、加版本號。但是有一個共同特點那就是給文件加一個唯一的標識,這樣每次發佈新版本後,只能去服務器下載新的版本。

1、生成隨機數字

<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>

2、版本號控制,每次發佈前版本號加1

<script type=”text/javascript“ src=”/js/test.js?v=1.0.0“></script>

對於我們現在項目工程的話,在項目設計和構建的過程中就沒有考慮到這個緩存問題,我感覺版本號控制這個方法是最好的。優點,就是簡單,不用額外在加任何代碼。缺點就是麻煩,你每次修改完文件後上線前都要給它手動加上一個版本號。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章