1. 程式人生 > >css、js快取問題

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>

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