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