js、css、img等瀏覽器緩存問題的2種解決方案
更新時間：2013年10月23日 17:45:55 作者：
瀏覽器緩存的意義在于提高了執(zhí)行效率，但是也隨之而來帶來了一些問題，導致服務(wù)端修改了js、css，客戶端不能更新，下面有幾個不錯的方法可以解決此問題，感興趣的朋友可以參考下
細節(jié)決定成??！瀏覽器緩存的意義在于提高了執(zhí)行效率，但是也隨之而來帶來了一些問題，導致服務(wù)端修改了js、css，客戶端不能更新
方法一 生成隨機數(shù)字
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>
缺點，瀏覽器緩存失去意義，每次都動態(tài)加載。
方法二 版本號控制,設(shè)置全局變量，每次發(fā)布前版本號加1
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>
推薦這種做法，這種做法比較簡單。缺點是HTML頁面不能使用，但是這種頁面應(yīng)該不太多
更多方法：采用讀取文件大小、文件修改時間生成MD5的方式自動化實現(xiàn)，程序自動構(gòu)建時壓縮合并js并且全局替換版本，方式復(fù)雜，有興趣的可以研究一下
誰還有更好的方法？
方法一 生成隨機數(shù)字
復(fù)制代碼 代碼如下:
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>
缺點，瀏覽器緩存失去意義，每次都動態(tài)加載。
方法二 版本號控制,設(shè)置全局變量，每次發(fā)布前版本號加1
復(fù)制代碼 代碼如下:
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>
推薦這種做法，這種做法比較簡單。缺點是HTML頁面不能使用，但是這種頁面應(yīng)該不太多
更多方法：采用讀取文件大小、文件修改時間生成MD5的方式自動化實現(xiàn)，程序自動構(gòu)建時壓縮合并js并且全局替換版本，方式復(fù)雜，有興趣的可以研究一下
誰還有更好的方法？
相關(guān)文章
當然隨著HTML5的普及，web DB 已經(jīng)是大勢所趨了2010-05-05
JS 使用for循環(huán)遍歷子節(jié)點查找元素
這篇文章主要介紹了JS 使用for循環(huán)配合數(shù)組遍歷子節(jié)點查找元素，經(jīng)測試，效果不錯，需要的朋友可以看看2014-09-09
curl命令查看請求響應(yīng)時間的方法非常簡單，今天小編抽空給大家介紹下使用Curl命令查看請求響應(yīng)時間方法，感興趣的朋友一起看看吧2016-11-11
給一個Flash加一個超鏈接,原想直接在object外直接套一個超鏈接即可，試了之后卻發(fā)現(xiàn)不是這么回事2013-06-06
純JS實現(xiàn)圖片驗證碼功能并兼容IE6-8(推薦)
這篇文章主要介紹了純JS實現(xiàn)圖片驗證碼功能并兼容IE6-8瀏覽器,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)簡單圖片切換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了原生JS實現(xiàn)的雪花飄落動畫效果,涉及javascript數(shù)值運算及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
uni-app??? 是一個使用 ???Vue.js?? 開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘）等多個平臺，這篇文章主要介紹了uni-app的基本使用,需要的朋友可以參考下2022-11-11
JavaScript報錯：Uncaught TypeError: XXX is
在 JavaScript 編程中,“Uncaught TypeError: XYZ is not iterable” 是一種常見的錯誤,這種錯誤通常發(fā)生在試圖對一個非可迭代對象進行迭代操作時,了解這種錯誤的成因和解決方法,對于編寫健壯的代碼至關(guān)重要,需要的朋友可以參考下2024-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)點擊獲取驗證碼倒計時效果，這種效果大家經(jīng)常遇到，示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-10-10