成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

預(yù)防cdn鏈接失效，無縫切換本地文件

番茄西紅柿 / 1146人閱讀

摘要：想必大家都能想到的處理方案就是如果引用的文件出錯了，拿不到，那么我們就引用本地相對應(yīng)的文件。不可否認對處理這里是存在問題的。

如今的前端項目追求的不僅僅是能用能看的程度，而是愈發(fā)追求項目的性能，對用戶體驗的影響。而現(xiàn)在的開發(fā)工具在性能優(yōu)化方面也替我們做很大一部分的工作，想必大家對CDN的使用都是輕車熟路了，但是大家有沒有考慮過，萬一我們使用的CDN服務(wù)器，地址啥的出現(xiàn)了問題，導(dǎo)致我們引用的CDN文件都拿不到了，那么我們的項目崩潰了，天了嚕，崩潰了。

因此我們得考慮下，引用CDN的文件拿不到了，應(yīng)該有相應(yīng)的處理方案，而不會直接導(dǎo)致我們項目崩潰。

想必大家都能想到的處理方案就是：如果引用CDN的文件出錯了，拿不到，那么我們就引用本地相對應(yīng)的文件。

有人肯定會說，這樣處理會導(dǎo)致項目體積變大的。對，是的，沒有錯，會使項目體積變大，但是這種處理總不會直接導(dǎo)致項目崩潰的，給用戶的體驗?zāi)芨靡稽c，犧牲這么一點點是值得的。很多事情都是沒有絕對的情況，都是相對的，這就需要我們自己去權(quán)衡了。

話不多說，直接進入正題。下面以Vue項目為列:

當然是我們項目的啟動頁/index.html

下面就在啰嗦幾點，看懂的慢走，不送啦。不太懂的再瞅瞅。

1)、不用擔(dān)心會全部加載，出現(xiàn)重復(fù)的情況，不信邪的自己去NetWork里驗證。

2)、!window.Vue、!window.VueRouter、!window.axios、!window.Element、!window.Qs、!window.Vuex這些都是些什么鬼？ 那是第三方庫暴露出來的方法名。也可以去看看我之前 “配置webpack中externals來減少打包后vendor.js的體積” 這篇文章。

3)、對js文件的處理都是這樣的，但是對css文件應(yīng)該怎么處理呢。 眼尖的已經(jīng)看到了，上面那段中已經(jīng)寫出來。

4)、心細善于思考的你，還會發(fā)現(xiàn)，其實對css文件的處理還是存在問題的。 因為難以直接判斷出CDN上的css文件是否成功加載，所以直接用js文件加載完成的判斷方式，打包一起處理。這樣如果CDN上的整個Element-UI出現(xiàn)問題，那js和css都可以加載本地的。最壞的情況是，CDN上的css文件很不巧的出現(xiàn)問題了呢？ 那就讓涼吧。沒辦法。。。哈哈哈

因為對于css文件的處理，暫時沒有想到好一點的處理方案，所以目前只能先這樣統(tǒng)一處理。

不可否認對css處理這里是存在問題的。如果你有更好的處理方案，歡迎評論告知我，謝謝。 當然文中有不當?shù)牡胤剑矚g迎大家指正，謝謝。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/33801.html

相關(guān)文章

  • 預(yù)防cdn鏈接失效，無縫切換本地文件

    摘要：想必大家都能想到的處理方案就是如果引用的文件出錯了，拿不到，那么我們就引用本地相對應(yīng)的文件。不可否認對處理這里是存在問題的。 如今的前端項目追求的不僅僅是能用能看的程度，而是愈發(fā)追求項目的性能，對用戶體驗的影響。而現(xiàn)在的開發(fā)工具在性能優(yōu)化方面也替我們做很大一部分的工作，想必大家對CDN的使用都是輕車熟路了，但是大家有沒有考慮過，萬一我們使用的CDN服務(wù)器，地址啥的出現(xiàn)了問題，導(dǎo)致我們引...

    laznrbfe 評論0 收藏0

  • 預(yù)防cdn鏈接失效，無縫切換本地文件

    摘要：想必大家都能想到的處理方案就是如果引用的文件出錯了，拿不到，那么我們就引用本地相對應(yīng)的文件。不可否認對處理這里是存在問題的。 如今的前端項目追求的不僅僅是能用能看的程度，而是愈發(fā)追求項目的性能，對用戶體驗的影響。而現(xiàn)在的開發(fā)工具在性能優(yōu)化方面也替我們做很大一部分的工作，想必大家對CDN的使用都是輕車熟路了，但是大家有沒有考慮過，萬一我們使用的CDN服務(wù)器，地址啥的出現(xiàn)了問題，導(dǎo)致我們引...

    oogh 評論0 收藏0

  • 前端面試題總結(jié)——綜合問題(持續(xù)更新中)

    摘要：如何實現(xiàn)瀏覽器內(nèi)多個標簽頁之間的通信阿里調(diào)用等本地存儲方式頁面可見性可以有哪些用途通過的值檢測頁面當前是否可見，以及打開網(wǎng)頁的時間等在頁面被切換到其他后臺進程的時候，自動暫停音樂或視頻的播放網(wǎng)頁驗證碼是干嘛的，是為了解決什么安全問題。 前端面試題總結(jié)——綜合問題(持續(xù)更新中) 1.頁面從輸入URL到頁面加載顯示完成，這個過程中都發(fā)生了什么？（流程說的越詳細越好） 1.輸入域名地址2.發(fā)...

    Lin_YT 評論0 收藏0

  • 前端面試題總結(jié)——綜合問題(持續(xù)更新中)

    摘要：如何實現(xiàn)瀏覽器內(nèi)多個標簽頁之間的通信阿里調(diào)用等本地存儲方式頁面可見性可以有哪些用途通過的值檢測頁面當前是否可見，以及打開網(wǎng)頁的時間等在頁面被切換到其他后臺進程的時候，自動暫停音樂或視頻的播放網(wǎng)頁驗證碼是干嘛的，是為了解決什么安全問題。 前端面試題總結(jié)——綜合問題(持續(xù)更新中) 1.頁面從輸入URL到頁面加載顯示完成，這個過程中都發(fā)生了什么？（流程說的越詳細越好） 1.輸入域名地址2.發(fā)...

    elarity 評論0 收藏0

  • 前端面試題總結(jié)——綜合問題(持續(xù)更新中)

    摘要：如何實現(xiàn)瀏覽器內(nèi)多個標簽頁之間的通信阿里調(diào)用等本地存儲方式頁面可見性可以有哪些用途通過的值檢測頁面當前是否可見，以及打開網(wǎng)頁的時間等在頁面被切換到其他后臺進程的時候，自動暫停音樂或視頻的播放網(wǎng)頁驗證碼是干嘛的，是為了解決什么安全問題。 前端面試題總結(jié)——綜合問題(持續(xù)更新中) 1.頁面從輸入URL到頁面加載顯示完成，這個過程中都發(fā)生了什么？（流程說的越詳細越好） 1.輸入域名地址2.發(fā)...

    harriszh 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<