資訊專欄INFORMATION COLUMN
摘要：即在內(nèi)添加版本號的解決方案這樣的做法的確可以達(dá)到清緩存的目的。重新渲染而代理又緩存了的，如果在更新的話就只能繼續(xù)改版本號。
最近項目中出現(xiàn)修改js，線上并沒有實時更新而是使用的緩存中的js。
當(dāng)然如果你的頁面是單頁面應(yīng)用的話，解決方案就很簡單了，修改index.js后面的版本號就好了。
mudel.export = {
//html文件名 不能重名-。-
"a":{
//主js文件
js : ["a.js","b.js"] //兼容修改多個JS
css : []
}
}
如果html放在前端的話，也會簡單很多，可以使用gulp在打包的時候配置一下--src a ，讓gulp去自動完成替換版本號操作。
這里解決的是當(dāng)html放在后端使用VM或者其他模板引擎渲染出來的。
究其原因是因為后端的路由通過get請求返回html。而get請求通過配置被緩存，所以導(dǎo)致html被緩存。
而js請求也屬于get請求，所以也會被緩存。
1、按需添加版本號
根據(jù)以上分析，一個很大眾的解決方案出現(xiàn)了。即在
這樣的做法的確可以達(dá)到清緩存的目的。這里客戶端會先去和代理中的緩存進行對比，發(fā)現(xiàn)請求參數(shù)發(fā)生了變更，所以重新從服務(wù)器中獲取js。重新渲染而代理又緩存了v=2的js，如果在更新的話就只能繼續(xù)改版本號。
2、自動生成版本號(以時間戳，或者生成UUID)
既然方案一可以解決緩存問題那么“懶蟲”們就想到可以動態(tài)的設(shè)置版本號，思想就是每次生成不重復(fù)的ID就可以了。但是這樣子又引發(fā)了其他問題。
導(dǎo)致只要訪問這個JS無論是不是修改過這個js都會從服務(wù)器重新取得js，導(dǎo)致沒有緩存的存在浪費了很多的流量和很差的體驗。類似的方案也可以在meta Tag中做配置也可以實現(xiàn)無緩存設(shè)置。
類似的方案很多，也可以添加script Tag，動態(tài)添加需要引入的JS。在使用webpack打包的時候在末尾的文件中添加一段JS
VM或者jsp等...在后端模板渲染的html中寫入以下JS
額~~好吧，其實沒啥用。
既然html是放在后端的那么修改的操作最好是由后端來處理更迅速更快捷。
3、通過請求修改版本號
可以通過本地開啟已個服務(wù)寫一個簡單的HTML，有input 和button就可以了。每次局部上線的時候?qū)⑽募麑懭雐nput框，同時前后端要有一個共同的約定模板由前端書寫
mudel.export = {
//js文件名 key 這里可以使用不能重名-。-
//可以使用symbol
"a":"具體的路徑a.js"
}
發(fā)送請求后，后端解析文件名找到對應(yīng)文件，對模板引擎中的?v=xxx 進行替換。
4、寫一個node放在服務(wù)器上跑，用來修改線上的js版本用來清除緩存
這個只是個想法?。∫话悴荒苓@么用，太危險了~~ -。-被中間人攻擊服務(wù)器就直接爆炸了。
以上純屬個人想法，如果有疑問歡迎提出。如果有什么更好的意見和想法喜歡您不要吝嗇~ 謝謝您！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88007.html
摘要：經(jīng)過一系列優(yōu)化后，在平臺上，點擊到頁面首屏展示的耗時從平均多降低為，優(yōu)化以上。而現(xiàn)在頁面為了更好地為用戶推薦喜歡的內(nèi)容，我們后臺引入機器學(xué)習(xí)和隨機算法來做智能個性化推薦。另外還有部分的內(nèi)容是隨機算法推薦的。 VasSonic成長歷程 前言 2017.8.8 14時，SNG增值產(chǎn)品部Vas團隊研發(fā)的輕量級高性能Hybrid框架VasSonic通過了公司最終審核，作為騰訊開源組件分享給大...
閱讀 3695·2021-10-09 09:44
閱讀 3400·2021-09-22 15:29
閱讀 3158·2019-08-30 15:54
閱讀 3030·2019-08-29 16:19
閱讀 2157·2019-08-29 12:50
閱讀 602·2019-08-26 14:04
閱讀 1709·2019-08-23 18:39
閱讀 1359·2019-08-23 17:59
