js、css、img等瀏覽器緩衝問題的2種解決方案_javascript技巧

來源:互聯網
上載者:User
細節決定成敗!瀏覽器緩衝的意義在於提高了執行效率,但是也隨之而來帶來了一些問題,導致服務端修改了js、css,用戶端不能更新
方法一 產生隨機數字
複製代碼 代碼如下:

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

缺點,瀏覽器緩衝失去意義,每次都動態載入。

方法二 版本號碼控制,設定全域變數,每次發布前版本號碼加1
複製代碼 代碼如下:

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

推薦這種做法,這種做法比較簡單。缺點是HTML頁面不能使用,但是這種頁面應該不太多

更多方法:採用讀取檔案大小、檔案修改時間產生MD5的方式自動化實現,程式自動構建時壓縮合并js並且全域替換版本,方式複雜,有興趣的可以研究一下

誰還有更好的方法?
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.