當(dāng)一個(gè)前端項(xiàng)目變得越來(lái)越復(fù)雜规丽，提高工程化中的編譯速度傲须、提高團(tuán)隊(duì)于團(tuán)隊(duì)之間的高效開(kāi)發(fā)等場(chǎng)景，微前端是目前為止最適合的解決方案惦费，它解決了不同團(tuán)隊(duì)使用不同技術(shù)棧的問(wèn)題兵迅、解決了項(xiàng)目太過(guò)于龐大引發(fā)的各種問(wèn)題。
以下是使用web-components來(lái)進(jìn)行微前端的思路薪贫。
1恍箭、使用自定義元素，不限定使用的框架類型瞧省，只要是最終渲染為html即可季惯。
2、使用自定義元素的生命周期臀突，可以靈活處理組件的生命周期事件勉抓。
3、2017年各瀏覽器對(duì)web components的支持情況
4候学、目前瀏覽器對(duì)web components的支持情況
5藕筋、對(duì)于不支持的瀏覽器可以進(jìn)行polyfill
6、支持web components的框架
7梳码、使用自定義元素配合服務(wù)端進(jìn)行渲染
8隐圾、配合SSI之后，微前端化的代碼結(jié)構(gòu)
9掰茶、微前端化遇到多頁(yè)應(yīng)用時(shí)暇藏，會(huì)有切換頁(yè)面的問(wèn)題，一個(gè)微應(yīng)用內(nèi)的路由切換很容易濒蒋，但是應(yīng)用與應(yīng)用的路由切換就比較麻煩盐碱。
10、全局管理路由沪伙，通過(guò)一個(gè)全局的殼子瓮顽，進(jìn)行路由的配置和切換。
缺點(diǎn)是需要共享全局代碼
11围橡、微前端的一些注意點(diǎn)
其他資料：
- webcomponents學(xué)習(xí)網(wǎng)站：https://www.webcomponents.org/
最后我的感覺(jué)是：
有了微前端的一個(gè)可以參考的方向:web components拣播，也是前端一個(gè)發(fā)展的方向晾咪，但是落地到項(xiàng)目，還是不太清楚應(yīng)該從那里做起贮配，如何實(shí)現(xiàn)這樣一個(gè)微前端的項(xiàng)目架構(gòu)饼煞。
繼續(xù)學(xué)習(xí)惨好！
