資訊專(zhuān)欄INFORMATION COLUMN
摘要：想必大家都能想到的處理方案就是如果引用的文件出錯(cuò)了，拿不到，那么我們就引用本地相對(duì)應(yīng)的文件。不可否認(rèn)對(duì)處理這里是存在問(wèn)題的。
如今的前端項(xiàng)目追求的不僅僅是能用能看的程度，而是愈發(fā)追求項(xiàng)目的性能，對(duì)用戶(hù)體驗(yàn)的影響。而現(xiàn)在的開(kāi)發(fā)工具在性能優(yōu)化方面也替我們做很大一部分的工作，想必大家對(duì)CDN的使用都是輕車(chē)熟路了，但是大家有沒(méi)有考慮過(guò)，萬(wàn)一我們使用的CDN服務(wù)器，地址啥的出現(xiàn)了問(wèn)題，導(dǎo)致我們引用的CDN文件都拿不到了，那么我們的項(xiàng)目崩潰了，天了嚕，崩潰了。
因此我們得考慮下，引用CDN的文件拿不到了，應(yīng)該有相應(yīng)的處理方案，而不會(huì)直接導(dǎo)致我們項(xiàng)目崩潰。
想必大家都能想到的處理方案就是：如果引用CDN的文件出錯(cuò)了，拿不到，那么我們就引用本地相對(duì)應(yīng)的文件。
有人肯定會(huì)說(shuō)，這樣處理會(huì)導(dǎo)致項(xiàng)目體積變大的。對(duì)，是的，沒(méi)有錯(cuò)，會(huì)使項(xiàng)目體積變大，但是這種處理總不會(huì)直接導(dǎo)致項(xiàng)目崩潰的，給用戶(hù)的體驗(yàn)?zāi)芨靡稽c(diǎn)，犧牲這么一點(diǎn)點(diǎn)是值得的。很多事情都是沒(méi)有絕對(duì)的情況，都是相對(duì)的，這就需要我們自己去權(quán)衡了。
話不多說(shuō)，直接進(jìn)入正題。下面以Vue項(xiàng)目為列:
當(dāng)然是我們項(xiàng)目的啟動(dòng)頁(yè)/index.html
下面就在啰嗦幾點(diǎn)，看懂的慢走，不送啦。不太懂的再瞅瞅。
1)、不用擔(dān)心會(huì)全部加載，出現(xiàn)重復(fù)的情況，不信邪的自己去NetWork里驗(yàn)證。
2)、!window.Vue、!window.VueRouter、!window.axios、!window.Element、!window.Qs、!window.Vuex這些都是些什么鬼？ 那是第三方庫(kù)暴露出來(lái)的方法名。也可以去看看我之前 “配置webpack中externals來(lái)減少打包后vendor.js的體積” 這篇文章。
3)、對(duì)js文件的處理都是這樣的，但是對(duì)css文件應(yīng)該怎么處理呢。 眼尖的已經(jīng)看到了，上面那段中已經(jīng)寫(xiě)出來(lái)。
4)、心細(xì)善于思考的你，還會(huì)發(fā)現(xiàn)，其實(shí)對(duì)css文件的處理還是存在問(wèn)題的。 因?yàn)殡y以直接判斷出CDN上的css文件是否成功加載，所以直接用js文件加載完成的判斷方式，打包一起處理。這樣如果CDN上的整個(gè)Element-UI出現(xiàn)問(wèn)題，那js和css都可以加載本地的。最壞的情況是，CDN上的css文件很不巧的出現(xiàn)問(wèn)題了呢？ 那就讓涼吧。沒(méi)辦法。。。哈哈哈
因?yàn)閷?duì)于css文件的處理，暫時(shí)沒(méi)有想到好一點(diǎn)的處理方案，所以目前只能先這樣統(tǒng)一處理。
不可否認(rèn)對(duì)css處理這里是存在問(wèn)題的。如果你有更好的處理方案，歡迎評(píng)論告知我，謝謝。 當(dāng)然文中有不當(dāng)?shù)牡胤?，也歡迎大家指正，謝謝。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/10990.html
摘要：想必大家都能想到的處理方案就是如果引用的文件出錯(cuò)了，拿不到，那么我們就引用本地相對(duì)應(yīng)的文件。不可否認(rèn)對(duì)處理這里是存在問(wèn)題的。 如今的前端項(xiàng)目追求的不僅僅是能用能看的程度，而是愈發(fā)追求項(xiàng)目的性能，對(duì)用戶(hù)體驗(yàn)的影響。而現(xiàn)在的開(kāi)發(fā)工具在性能優(yōu)化方面也替我們做很大一部分的工作，想必大家對(duì)CDN的使用都是輕車(chē)熟路了，但是大家有沒(méi)有考慮過(guò)，萬(wàn)一我們使用的CDN服務(wù)器，地址啥的出現(xiàn)了問(wèn)題，導(dǎo)致我們引...
摘要：想必大家都能想到的處理方案就是如果引用的文件出錯(cuò)了，拿不到，那么我們就引用本地相對(duì)應(yīng)的文件。不可否認(rèn)對(duì)處理這里是存在問(wèn)題的。 如今的前端項(xiàng)目追求的不僅僅是能用能看的程度，而是愈發(fā)追求項(xiàng)目的性能，對(duì)用戶(hù)體驗(yàn)的影響。而現(xiàn)在的開(kāi)發(fā)工具在性能優(yōu)化方面也替我們做很大一部分的工作，想必大家對(duì)CDN的使用都是輕車(chē)熟路了，但是大家有沒(méi)有考慮過(guò)，萬(wàn)一我們使用的CDN服務(wù)器，地址啥的出現(xiàn)了問(wèn)題，導(dǎo)致我們引...
摘要：如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁(yè)之間的通信阿里調(diào)用等本地存儲(chǔ)方式頁(yè)面可見(jiàn)性可以有哪些用途通過(guò)的值檢測(cè)頁(yè)面當(dāng)前是否可見(jiàn)，以及打開(kāi)網(wǎng)頁(yè)的時(shí)間等在頁(yè)面被切換到其他后臺(tái)進(jìn)程的時(shí)候，自動(dòng)暫停音樂(lè)或視頻的播放網(wǎng)頁(yè)驗(yàn)證碼是干嘛的，是為了解決什么安全問(wèn)題。 前端面試題總結(jié)——綜合問(wèn)題(持續(xù)更新中) 1.頁(yè)面從輸入U(xiǎn)RL到頁(yè)面加載顯示完成，這個(gè)過(guò)程中都發(fā)生了什么？（流程說(shuō)的越詳細(xì)越好） 1.輸入域名地址2.發(fā)...
摘要：如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁(yè)之間的通信阿里調(diào)用等本地存儲(chǔ)方式頁(yè)面可見(jiàn)性可以有哪些用途通過(guò)的值檢測(cè)頁(yè)面當(dāng)前是否可見(jiàn)，以及打開(kāi)網(wǎng)頁(yè)的時(shí)間等在頁(yè)面被切換到其他后臺(tái)進(jìn)程的時(shí)候，自動(dòng)暫停音樂(lè)或視頻的播放網(wǎng)頁(yè)驗(yàn)證碼是干嘛的，是為了解決什么安全問(wèn)題。 前端面試題總結(jié)——綜合問(wèn)題(持續(xù)更新中) 1.頁(yè)面從輸入U(xiǎn)RL到頁(yè)面加載顯示完成，這個(gè)過(guò)程中都發(fā)生了什么？（流程說(shuō)的越詳細(xì)越好） 1.輸入域名地址2.發(fā)...
摘要：如何實(shí)現(xiàn)瀏覽器內(nèi)多個(gè)標(biāo)簽頁(yè)之間的通信阿里調(diào)用等本地存儲(chǔ)方式頁(yè)面可見(jiàn)性可以有哪些用途通過(guò)的值檢測(cè)頁(yè)面當(dāng)前是否可見(jiàn)，以及打開(kāi)網(wǎng)頁(yè)的時(shí)間等在頁(yè)面被切換到其他后臺(tái)進(jìn)程的時(shí)候，自動(dòng)暫停音樂(lè)或視頻的播放網(wǎng)頁(yè)驗(yàn)證碼是干嘛的，是為了解決什么安全問(wèn)題。 前端面試題總結(jié)——綜合問(wèn)題(持續(xù)更新中) 1.頁(yè)面從輸入U(xiǎn)RL到頁(yè)面加載顯示完成，這個(gè)過(guò)程中都發(fā)生了什么？（流程說(shuō)的越詳細(xì)越好） 1.輸入域名地址2.發(fā)...
閱讀 3569·2021-09-10 10:51
閱讀 2552·2021-09-07 10:26
閱讀 2526·2021-09-03 10:41
閱讀 844·2019-08-30 15:56
閱讀 2935·2019-08-30 14:16
閱讀 3532·2019-08-30 13:53
閱讀 2140·2019-08-26 13:48
閱讀 1943·2019-08-26 13:37
