染陌足跡——14屆D2前端技術論壇

友情提示：這不是一篇技術文章，極有多是一篇流水帳，多圖預警！

還在 D2 現場的時候在知乎上佔了個坑，拖延症晚期的我如今纔來填坑（抖

時間過得很快，一直感受上一屆 D2 纔過去沒多久，一晃又是一年了。今年的冬天一點也不冷，太陽不大卻格外舒服。起了一個大早從城西趕到了城東，週六的文一西路隧道仍是出現了一些擁堵，好在做爲老司機車技精湛，一路漂移過彎，踩着九點到了場，愈來愈佩服本身對時間的精準把控。害羞！

來 D2 一個是看看別的團隊都在作什麼，學習學習。另外一個也是想見見平時網上的「老網友」們，面面基（挖挖人）。

趕忙打個卡！！！否則白來了！！！（逃 PS：此處要感謝攝影師房姐

開場致辭

恰好遇上圓心老闆的開場致辭，圓心老闆介紹了大會的幾個方向以將來前端的主戰場，將來的前端挑戰與機遇並存。

正題

由於對微前端這塊比較感興趣，因此上午一直都在三號場聽微前端相關得的主題。

第一場是阿里雲智能的克軍帶來的「雲生態新物種——微前端架構體系」。

克軍的人氣特別高，咱們從一號場換到三號場的時候已經座無虛席，甚至我站着也很難找到比較好的地方了。

首先，克軍介紹了微前端的背景以及發展歷程。

接着介紹了微前端的工程價值。

微應用容器所需具有的能力。

而後克軍說了一下微前端以及前端組件的差異。

筆者補充：其實這個話題以前在內部也發起過一次討論，你們也各有各的思考。微前端場景主要有兩種：一是一個大的巨石應用，隔離各個技術棧無關的子應用，二是一個或者多個平臺經過微前端來將服務化能力輸出，提供一個介於 open api 之上的，更加粗粒度的 UI 編排能力，也有輸出給二方或三方平臺的能力，須要考慮隔離以及加載等能力。

最後是微前端的業務價值，特別認同克軍的一句話——「若是微前端只有工程價值的話，是不值得大張旗鼓去作的」。

接着第二場是螞蟻金服的有知帶來的「標準微前端架構在螞蟻的落地實踐」

首先有知向咱們展現了目前一些系統的問題，一些陳年的老項目組成的巨石應用，致使各類體驗問題，各類跳轉以及流程過長。

微前端架構類型以及能力。

接着有知從協議開發、路由、應用導入機制、應用隔離以及通訊幾個角度來說述技術棧無關性。

協議開發

應用隔離又分紅 CSS 以及 JS 兩個維度進行講解，CSS 的遠離是動態加載（卸載）樣式表，JS 則實現了一套沙箱機制。

接着分享了一張微前端的大圖。

最後是衡量微前端的標準。經過產品價值（自由組合、統一視覺），品牌價值以及技術價值（研發提效、交付提效）來說述微前端的價值。

第三場是字節跳動的艾石光帶來的「微前端沙盒體系」。

首先艾石光介紹了微前端的沙盒體系。

接着從作什麼，像什麼，怎麼作三個維度介紹了沙盒。

中午吃好飯是 996 樂隊的表演

中午不睡下午崩潰，下午聽了兩場，主要找朋友們聊聊天（挖挖人）。

下午第一場聽了上坡以及吭頭分享的「前端工程下一站 IDE」，講述了 Web IDE 的思路及架構等。

IDE 的應用場景及背景

第二場原本想去聽狼叔分享的，但是人滿爲患根本進不去，我連門都打不開（哭

因而去了灰常三聽了玄寂分享的「實時構建探索之路」。

茶歇時間依舊是人擠人，除了兩塊上校雞塊我一無所得，不過找了好多「網友」扯扯淡，聊聊天，仍是很開心的。

茶歇以後聽了「Serveless 下函數應用架構升級」，因爲人太多一直站着就沒作記錄。

大會結束後匆匆趕回了城西，沒有參加夜場仍是比較遺憾的，明年也想感覺一下夜場。

最後

中午跟克軍、風馳、樸靈、小鬍子哥、賀老、大漠、甄子、裕波等幾位大佬一塊兒吃了頓飯。 我又要單方面宣佈認識大佬們了！害羞！

還有一個彩蛋，被房姐偷拍的照片上了推薦位。

害羞！！！

最後，參加大會受益不淺，感謝主辦方，感謝全部工做人員！

重點來了：阿里雲智能商業中臺體驗技術團隊長期招 P6 及以上前端，有興趣的歡迎勾搭，直接私信我或者發我郵箱： ranmo.cy@alibaba-inc.com。查看詳情