K60至尊版剛預(yù)熱 一加Ace2 Pro正面硬剛
Redmi這邊剛?cè)缁鹑巛钡男麄髁薑60 Ultra的各種技術(shù)和硬件配置，作為競(jìng)品的一加也坐不住了。一加中國(guó)區(qū)總裁李杰發(fā)布了兩條微博，表示在自家的一加Ace2上早就已經(jīng)采用了和PixelWo
這幾天在想一個(gè)前端團(tuán)隊(duì)的現(xiàn)狀，現(xiàn)在一個(gè)前端團(tuán)隊(duì)肯定不止一個(gè)項(xiàng)目，而這些前端項(xiàng)目可能都會(huì)有一些共用的組件。
所以很多公司內(nèi)部開發(fā)了內(nèi)部的組件庫，以供各個(gè)項(xiàng)目去使用，比如下圖，各個(gè)項(xiàng)目共同使用同一個(gè)組件庫。
圖片
當(dāng)組件庫升級(jí)的時(shí)候，各個(gè)項(xiàng)目想要使用最新的組件功能，也得跟著升級(jí)依賴組件庫的版本號(hào)，并且重新將項(xiàng)目上線，就比如 1.0 -> 2.0。
圖片
總感覺挺麻煩的，所以在想：有沒有辦法，只需要組件庫升級(jí)，而項(xiàng)目并不需要去更新依賴包呢，甚至可以做到項(xiàng)目不需要重新上線，就能獲取最新的組件功能？
剛剛說到當(dāng)組件庫升級(jí)的時(shí)候，項(xiàng)目的依賴版本也得跟著升級(jí)，那是因?yàn)槲覀冺?xiàng)目將組件庫當(dāng)成了依賴包，放在node_modules 中。
那么如果我們可不可以別把組件庫當(dāng)依賴包呢？也就是我們并不需要去安裝它們，就能使用它們~這樣的話組件庫升級(jí)，我們就不用也跟著升級(jí)依賴包了~
我們?nèi)サ袅?nbsp;node_modules 這一層，這樣組件庫升級(jí)，我們項(xiàng)目其實(shí)也可以做到不去關(guān)心版本號(hào)。
圖片
但是如果我們不安裝，該怎么去使用組件庫呢？其實(shí)是有辦法的： 通過HTTP網(wǎng)絡(luò)請(qǐng)求去請(qǐng)求組件庫代碼，解析代碼后進(jìn)行渲染。
這也就是 Vue 的 遠(yuǎn)程加載組件。
圖片
接下來實(shí)踐一下遠(yuǎn)程加載組件。
先用Express搭建一個(gè)簡(jiǎn)單的靜態(tài)服務(wù)，并放置一些組件：
圖片
首先看看 index.js 的代碼，用來作為靜態(tài)服務(wù)的入口。
圖片
再分別看看RemoteComp-A.js、RemoteComp-B.js 的代碼，分別是兩個(gè)組件的代碼。
圖片
圖片
接著在終端輸入：
node index.js即可啟動(dòng)服務(wù)，現(xiàn)在可以在網(wǎng)頁中看能不能訪問到組件代碼，如果可以說明服務(wù)啟動(dòng)成功了！
圖片
接著需要在項(xiàng)目中去通過網(wǎng)絡(luò)請(qǐng)求獲取組件代碼，并進(jìn)行解析渲染：
1、通過fetch去請(qǐng)求對(duì)應(yīng)的組件代碼
2、使用new Function進(jìn)行代碼執(zhí)行獲取
3、傳入 component 的 is 進(jìn)行渲染
圖片
最終能達(dá)到加載遠(yuǎn)程組件的效果~
圖片
本文鏈接：http://www.www897cc.com/showinfo-26-101849-0.htmlVue 組件管理的新趨勢(shì)！以后可能不再需要組件庫了？
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)