不止于提效--前端組件庫(kù)HaloE的開源之路「大前端新趨勢(shì)」專場(chǎng)陳罡

移動(dòng)云首席產(chǎn)品體驗(yàn)專家2023年5月28日HaloE建設(shè)背景外因【國(guó)家導(dǎo)向】國(guó)家“十四五”規(guī)劃綱要明確提出支持?jǐn)?shù)字技術(shù)“開源”發(fā)展。其中

“完善開源知識(shí)產(chǎn)權(quán)和法律體系，鼓勵(lì)企業(yè)開放軟件源代碼、硬件設(shè)計(jì)和應(yīng)用服務(wù)”被列為加強(qiáng)關(guān)鍵數(shù)字技術(shù)創(chuàng)新應(yīng)用的重要舉措?！拘袠I(yè)趨勢(shì)】開源是互聯(lián)網(wǎng)技術(shù)共享發(fā)展的沃土，行業(yè)內(nèi)各開源社區(qū)蓬勃發(fā)展，例如云計(jì)算領(lǐng)域國(guó)外L

i

n

u

x、

OpenStack，國(guó)內(nèi)龍蜥、歐拉、木蘭等，軟件、硬件設(shè)計(jì)多上傳到GitHub或Gitee上進(jìn)行開源管理，國(guó)內(nèi)各互聯(lián)網(wǎng)企業(yè)也都深耕其中。【集團(tuán)戰(zhàn)略】《中國(guó)移動(dòng)關(guān)于新時(shí)期加快科技創(chuàng)新的行動(dòng)綱要》明確提出“加強(qiáng)成果轉(zhuǎn)化和協(xié)同研發(fā)，促進(jìn)內(nèi)部各專業(yè)公司共享共性代碼、實(shí)現(xiàn)聯(lián)合開發(fā)。旨在提高開發(fā)效率和開發(fā)質(zhì)量”，開源是實(shí)現(xiàn)中國(guó)移動(dòng)在軟件領(lǐng)域聯(lián)合研發(fā)、技術(shù)創(chuàng)新和成果共享的重要方式，可助力中國(guó)移動(dòng)世界一流“力量大廈”構(gòu)建。內(nèi)因【公司戰(zhàn)略】【業(yè)務(wù)需求】【質(zhì)量需求】公司戰(zhàn)略目標(biāo)轉(zhuǎn)型，全公司凝心移動(dòng)云產(chǎn)品發(fā)展迅速，產(chǎn)品量已達(dá)到缺少前端界面設(shè)計(jì)與交互體驗(yàn)設(shè)計(jì)方面的聚力全力沖刺國(guó)內(nèi)云服務(wù)商第一230余款，產(chǎn)品多包含訂退改續(xù)等共約束，導(dǎo)致移動(dòng)云產(chǎn)品開發(fā)過(guò)程中設(shè)計(jì)樣陣營(yíng)，公司和技術(shù)條線的工作會(huì)性業(yè)務(wù)流程，重復(fù)開發(fā)量大，產(chǎn)品開式不統(tǒng)一，交互體驗(yàn)不一致，相同組件重議報(bào)告對(duì)云產(chǎn)品用戶質(zhì)量提升的發(fā)需求并發(fā)量大，前端人力支撐不足；復(fù)開發(fā)等問(wèn)題，影響產(chǎn)品用戶體驗(yàn)與質(zhì)量；相關(guān)工作要求；目的全面提升頁(yè)面還原度拉齊前端開發(fā)技術(shù)水準(zhǔn)提升前端開發(fā)工作效率提供前端開發(fā)優(yōu)秀實(shí)踐落地渠道12342016-19揚(yáng)帆起航HaloE建設(shè)歷程緊貼云改，設(shè)計(jì)組件庫(kù)經(jīng)過(guò)7年積累，移動(dòng)云設(shè)計(jì)組件庫(kù)生態(tài)建設(shè)機(jī)制完善，6套設(shè)計(jì)資源-WEB端基礎(chǔ)組件庫(kù)、WEB業(yè)務(wù)模版、移動(dòng)端組件庫(kù)、移動(dòng)端業(yè)務(wù)模版、ICON組件庫(kù)、圖表組件庫(kù)，公司產(chǎn)品全覆蓋。眾心合力，加大參與廣度官網(wǎng)開發(fā)靜水深流，探索設(shè)計(jì)深度

UIUE前端10發(fā)布穩(wěn)定版本產(chǎn)品使用情況31款產(chǎn)品225個(gè)優(yōu)化JIRA產(chǎn)品使用情況百款產(chǎn)品開發(fā)WEB組件400+官網(wǎng)線上使用發(fā)布穩(wěn)定版本15優(yōu)化JIRA502個(gè)眾心合力，前端組件庫(kù)歷時(shí)5年積累，于21年完成立項(xiàng)，嘗試低代碼框架開發(fā)，服務(wù)了百余款產(chǎn)品，累計(jì)發(fā)布了30+穩(wěn)定版本，經(jīng)調(diào)研使用組件庫(kù)的前端開發(fā)使用組件庫(kù)后效率提升70%，產(chǎn)品原型還原度達(dá)到95%以上。WEB基礎(chǔ)組件庫(kù)ICON庫(kù)NEWNEW2020日趨完善WEB業(yè)務(wù)模板庫(kù)WEB圖表庫(kù)WEB移動(dòng)云組件庫(kù)NEWNEWIMPROVE2021層出不窮移動(dòng)端組件庫(kù)移動(dòng)端業(yè)務(wù)模板庫(kù)WEB業(yè)務(wù)模板庫(kù)WEB組件庫(kù)NEWNEWIMPROVEIMPROVE2022豐富成熟NEWNEWIMPROVEIMPROVEWEB通用流程模版WEB深色組件庫(kù)移動(dòng)端組件庫(kù)移動(dòng)端業(yè)務(wù)模板庫(kù)WEB業(yè)務(wù)模板庫(kù)IMPROVE2018-2019扎根基開始O4項(xiàng)目組件庫(kù)研發(fā)NEW2020萌新芽基于O4組件庫(kù)基礎(chǔ)開始移動(dòng)云組件庫(kù)研發(fā)訂購(gòu)流程模版頁(yè)開發(fā)NEWNEW2021長(zhǎng)軀干立項(xiàng)，完成兩個(gè)里程碑低代碼框架開發(fā)搭建新增代碼化移動(dòng)端研發(fā)NEWNEWIMPROVE2022結(jié)碩果技術(shù)棧VUE2.0增加業(yè)務(wù)組件技術(shù)棧升級(jí)至VUE3.0品牌升級(jí)，正式更名HaloE集結(jié)兄弟部門研發(fā)力量，共創(chuàng)生態(tài)公司內(nèi)部開源面對(duì)社會(huì)全面開源NEWNEWNEWNEWNEW300+開發(fā)WEB組件HaloE價(jià)值觀設(shè)計(jì)價(jià)值觀——普適、多元、共生、開放HaloE基于[普適]、[多元]、[開放]、[共生]的設(shè)計(jì)價(jià)值觀，試圖建立一套企業(yè)級(jí)設(shè)計(jì)體系。Halo的含義是光環(huán)，寓意組件庫(kù)是圍繞著移動(dòng)云的光環(huán)，既依托移動(dòng)云散發(fā)能量，又能為移動(dòng)云賦能添彩。Ecloud的含義是移動(dòng)云，這是組件庫(kù)的源起之地，也是組件庫(kù)的依托之本。HaloE官網(wǎng)組件庫(kù)官網(wǎng)以當(dāng)下流行的視覺(jué)風(fēng)格3D效果和輕擬物風(fēng)格展開設(shè)計(jì)，包含組件設(shè)計(jì)價(jià)值、基礎(chǔ)組件、生態(tài)組件、設(shè)計(jì)度量、設(shè)計(jì)資源、設(shè)計(jì)云課堂等多個(gè)模塊，覆蓋從組件設(shè)計(jì)到組件開發(fā)、組件使用全鏈路流程，角色覆蓋產(chǎn)品經(jīng)理、設(shè)計(jì)師、研發(fā)工程師、運(yùn)營(yíng)等多角色。前端、設(shè)計(jì)知識(shí)云課堂Halo

E官網(wǎng)HaloE多角色共建機(jī)制設(shè)計(jì)工程化，設(shè)計(jì)師&研發(fā)工程師高效協(xié)同、減少誤差多角色的協(xié)同導(dǎo)致寫作過(guò)程中存在信息不對(duì)等，比如設(shè)計(jì)師更新了設(shè)

計(jì)稿，而前端沒(méi)有更新，就會(huì)造成最終的組件效果產(chǎn)生差異，針對(duì)這

個(gè)問(wèn)題我們通過(guò)設(shè)計(jì)工程化的方式，提升HaloE

組織協(xié)同和生產(chǎn)效率。按月份進(jìn)度更新組件庫(kù)+模板庫(kù)設(shè)計(jì)，并在月末最后一周周五周會(huì)上評(píng)審更新的設(shè)計(jì)設(shè)計(jì)接口人整理迭代內(nèi)容并交付開發(fā)前端接口人完成開發(fā)+發(fā)起走查代碼化組件庫(kù)發(fā)布新版本設(shè)計(jì)師根據(jù)本輪迭代版本進(jìn)行設(shè)計(jì)走查下一輪迭代走查無(wú)問(wèn)題走查問(wèn)題修改更新組件反饋問(wèn)題HaloE工程師HaloE設(shè)計(jì)師產(chǎn)品設(shè)計(jì)師開發(fā)工程師反饋設(shè)計(jì)生產(chǎn)使用研發(fā)敏捷化：移動(dòng)云組件庫(kù)高效迭代、服務(wù)穩(wěn)定，共創(chuàng)共建10天：設(shè)計(jì)沉淀

10天：前端開發(fā)&設(shè)計(jì)驗(yàn)收設(shè)計(jì)企標(biāo)WEB端基礎(chǔ)組件業(yè)務(wù)組件APP端基礎(chǔ)組件業(yè)務(wù)組件管理

維護(hù)UX虛擬組輸出需求HaloE設(shè)計(jì)資產(chǎn)賦能全業(yè)務(wù)Token

Syetem命名/分層/設(shè)計(jì)資產(chǎn)表基礎(chǔ)組件庫(kù)全局樣式/組件統(tǒng)一/豐富主題業(yè)務(wù)模版庫(kù)視覺(jué)統(tǒng)一/官網(wǎng)風(fēng)格/交互一致通用設(shè)計(jì)系統(tǒng)基礎(chǔ)設(shè)計(jì)系統(tǒng)業(yè)務(wù)設(shè)計(jì)系統(tǒng)HaloE設(shè)計(jì)資產(chǎn)Design

TokenToken與前端架起樣式變量的橋梁在具體實(shí)現(xiàn)上，將Token的值與組件公用特性進(jìn)行關(guān)聯(lián)。

Token可以是顏色、圓角、陰影、動(dòng)效等。優(yōu)勢(shì)：一致性：使用Token可以保證各組件通用樣式保持一致；靈活性：無(wú)需修改組件代碼，修改Token就可以做到同步修改樣式。設(shè)計(jì)公共樣式提取研發(fā)全局調(diào)用為了打造一致的用戶體驗(yàn)感受，在進(jìn)行需求設(shè)計(jì)的同時(shí)，也逐步沉淀出一套適用于多平臺(tái)、多業(yè)務(wù)的組件庫(kù)，以此來(lái)提升設(shè)計(jì)和協(xié)同效率，并最終實(shí)現(xiàn)專業(yè)價(jià)值和產(chǎn)品價(jià)值的平衡?；诋a(chǎn)品的業(yè)務(wù)場(chǎng)景，詳細(xì)地梳理了產(chǎn)品界面中的通用組件并制定了統(tǒng)一的規(guī)范，包含web端基礎(chǔ)組件、業(yè)務(wù)組件、模版頁(yè)面，輸出了40類原子組件，業(yè)務(wù)模版174頁(yè)?；A(chǔ)組件

業(yè)務(wù)模版HaloE設(shè)計(jì)資產(chǎn)WEB端WEBHaloE設(shè)計(jì)資產(chǎn)APP端移動(dòng)云-移動(dòng)端設(shè)計(jì)組件庫(kù)產(chǎn)出了63個(gè)原子級(jí)基礎(chǔ)組件，全面覆蓋布局、數(shù)據(jù)展示、數(shù)據(jù)輸入、反饋等交互場(chǎng)景；21個(gè)業(yè)務(wù)模版，幫助用戶更快速的從0到1構(gòu)建項(xiàng)目?；A(chǔ)組件

業(yè)務(wù)模版A

P

PHaloE研發(fā)資產(chǎn)WEB端Vue3.0

WEB端基礎(chǔ)組件庫(kù)Vue

3+自研Vue2.0

WEB端業(yè)務(wù)組件庫(kù)Vue

2

+

HaloEWEB端Vue2.0

WEB端基礎(chǔ)組件庫(kù)Vue

2

+

iViewHaloE-Web端歷時(shí)5年積累，服務(wù)了百余款產(chǎn)品，公司多部門在陸續(xù)使用中。服務(wù)穩(wěn)定，累計(jì)發(fā)布了30+個(gè)穩(wěn)定版本，經(jīng)調(diào)研使用組件庫(kù)的前端開發(fā)使用組件庫(kù)后效率提升70%，產(chǎn)品原型還原度達(dá)到95%以上。30+穩(wěn)定版本40+大類組件20+種業(yè)務(wù)場(chǎng)景HaloE研發(fā)資產(chǎn)APP端Vue3.0移動(dòng)端基礎(chǔ)組件庫(kù)基礎(chǔ)組件開箱即用靈活定制63個(gè)基礎(chǔ)組件，滿足80%以上的業(yè)務(wù)搭建訴求Vue3.0移動(dòng)端業(yè)務(wù)組件庫(kù)業(yè)務(wù)組件智能連接覆蓋多場(chǎng)景提高界面一致性，前端還原度高達(dá)95%HaloE-Mobile

基于Vue3.0開發(fā)，歷時(shí)近3年積累服務(wù)了移動(dòng)云百余款產(chǎn)品。并基于基礎(chǔ)組件打造了一套專屬B端業(yè)務(wù)場(chǎng)景的業(yè)務(wù)組件庫(kù)，累計(jì)發(fā)布了6個(gè)穩(wěn)定版本。經(jīng)調(diào)研，使用Halo

E

Mobile后前端研發(fā)工程師效率提升85%，產(chǎn)品頁(yè)面還原度高達(dá)95%以上。HaloE應(yīng)用成效前端側(cè)設(shè)計(jì)側(cè)產(chǎn)品側(cè)HaloE組件庫(kù)的搭建做到里三側(cè)提升，既提升了設(shè)計(jì)師和前端的效率，同時(shí)也賦能到產(chǎn)品側(cè)。在沒(méi)有使用組件庫(kù)之前，設(shè)計(jì)1個(gè)界面需要1天，使用組件庫(kù)之后，設(shè)計(jì)10個(gè)界面只需1天，設(shè)計(jì)側(cè)效率提升了90%前端工程師缺陷密度從11.9(個(gè)/人年)降至7.1(個(gè)/人年)，降低了40%,界面還原度從70%上升到90%以上產(chǎn)品經(jīng)理可以用設(shè)計(jì)師整理的axure組件模板快速搭建需求框架，完成產(chǎn)品的需求原型圖，直接利用組件庫(kù)實(shí)現(xiàn)了產(chǎn)品界面設(shè)計(jì),且無(wú)需關(guān)注線上還原度。HaloE組件庫(kù)架構(gòu)設(shè)計(jì)設(shè)計(jì)思路模塊化設(shè)計(jì)按組件進(jìn)行代碼間解耦，并保持一定的代碼復(fù)用性和二次開發(fā)特性Vue2/Vue3兼容開發(fā)Vue2代碼到Vue3的適配模塊；一套代碼邏輯，可無(wú)縫切換Vue2.0、Vue3.0組件間通信Vue2.0、Vue3.0保持一致性通信總線樣式管理使用Less預(yù)編譯器，樣式組織模塊化，增強(qiáng)主題擴(kuò)展性HaloE創(chuàng)新技術(shù)路線業(yè)務(wù)從產(chǎn)品業(yè)務(wù)中積累共性需求，落實(shí)到組件庫(kù)中，形成標(biāo)準(zhǔn)化功能，復(fù)用和擴(kuò)散。云原生探索產(chǎn)品前端-組件庫(kù)使用結(jié)合新方向，基于云原生架構(gòu)下，構(gòu)建新一代組件庫(kù)使用方式。AI基于代碼生成模型，通過(guò)大量組件庫(kù)使用的相關(guān)訓(xùn)練集，在開發(fā)者使用組件庫(kù)時(shí)提供AI生成代碼的補(bǔ)全建議。低代碼結(jié)合低代碼平臺(tái)，搭建高還原度的公有云產(chǎn)品頁(yè)面，快速建立完善統(tǒng)一的中臺(tái)設(shè)計(jì)。HaloE創(chuàng)新技術(shù)路線權(quán)限-基層自組織控制一套組件行為控制方案，粒度下放到基礎(chǔ)組件，通過(guò)一組配置可讓指定的一組組件進(jìn)行相關(guān)展現(xiàn)，事件相關(guān)控制。以往的頁(yè)面控制往往限于元素級(jí)，即dom渲染出來(lái)后，在針對(duì)已出現(xiàn)的元素或者模塊進(jìn)行樣式、事件、行為控制，此類存在弊端為：需要等dom元素全部出現(xiàn)后在進(jìn)行控制，性能并不好，會(huì)引起頁(yè)面在此發(fā)生重繪；針對(duì)不同的頁(yè)面控制均需要進(jìn)行代碼開發(fā)，效率很低；待控制的元素、模塊需要事先顯性標(biāo)定id等，在使用SPA框架（VUE等）時(shí)，一些動(dòng)態(tài)出現(xiàn)的元素?zé)o法進(jìn)行控制，需要長(zhǎng)時(shí)間監(jiān)聽；此方案優(yōu)勢(shì)：將網(wǎng)格化控制的思想融入頁(yè)面元素控制中，以組件庫(kù)為基礎(chǔ)控制單元，將控制執(zhí)行邏輯下放到組件中，將配置規(guī)則歸集在模塊中進(jìn)行掛載，充分調(diào)動(dòng)VUE框架vdom性能以及數(shù)據(jù)驅(qū)動(dòng)方式，隔絕直接操作dom導(dǎo)致的性能低下等問(wèn)題；HaloE創(chuàng)新技術(shù)路線基于云原生的前端技術(shù)架構(gòu)前端模塊熱更新，前端技術(shù)中臺(tái)devops一體化，提升開發(fā)、上線部署效率通過(guò)組件懶加載以及熱更新技術(shù)，前端開發(fā)相關(guān)接口層以及前端組件，通過(guò)平臺(tái)發(fā)布，即可實(shí)時(shí)更新頁(yè)面功能；前端后端職責(zé)分離，提升核心業(yè)務(wù)聚焦度通過(guò)該平臺(tái)，后端聚焦產(chǎn)品底層功能開發(fā)；前端聚焦業(yè)務(wù)邏輯整合（中臺(tái)）以及前端功能模塊的實(shí)現(xiàn)，有助提升前端對(duì)產(chǎn)品業(yè)務(wù)方面的理解，進(jìn)而提高產(chǎn)品功能體驗(yàn)度和易用性；運(yùn)維統(tǒng)一一體化運(yùn)維從原來(lái)單產(chǎn)品均需要運(yùn)維，統(tǒng)一到一個(gè)平臺(tái)，降低運(yùn)維投入的成本提升組件復(fù)用度組件均可通過(guò)平臺(tái)進(jìn)行復(fù)用，并可對(duì)功能點(diǎn)（細(xì)粒度）進(jìn)行版本控制，可快速切換版本并上線；HaloE前端開發(fā)平臺(tái)即業(yè)務(wù)模塊開發(fā)、運(yùn)維、部署、上線、運(yùn)營(yíng)一體化平臺(tái)，該平臺(tái)接入后端不同產(chǎn)品底層服務(wù)能力，供開發(fā)中臺(tái)進(jìn)行函數(shù)式調(diào)用，真正實(shí)現(xiàn)serverless模式。HaloE創(chuàng)新技術(shù)路線依托HaloE基礎(chǔ)組件庫(kù)，前端工程師將頁(yè)面結(jié)構(gòu)、組件封裝成組件庫(kù)，各個(gè)產(chǎn)品實(shí)現(xiàn)功能時(shí)可直接調(diào)用。這其中又以"可配置的營(yíng)銷案"最為優(yōu)秀：在不同的營(yíng)銷活動(dòng)中，通過(guò)不同的組件組合，實(shí)現(xiàn)不同的業(yè)務(wù)需求，提高了前端代碼復(fù)用率。前端研發(fā)，在對(duì)產(chǎn)品營(yíng)銷案進(jìn)行開發(fā)時(shí)發(fā)現(xiàn)了如下特點(diǎn)：營(yíng)銷方案（訂購(gòu)頁(yè)）根據(jù)UI規(guī)范頁(yè)面布局，樣式比較固定。各產(chǎn)品之間頁(yè)面部分組件邏輯類似，比如資源池選擇器，計(jì)費(fèi)方式等。各產(chǎn)品都總會(huì)有些特殊的定制化的改變和業(yè)務(wù)需求。針對(duì)這些特點(diǎn)，各個(gè)產(chǎn)品的營(yíng)銷頁(yè)的開發(fā)呈現(xiàn)出了重復(fù)代碼、難更新維護(hù)、二次開發(fā)困難等問(wèn)題。模型參數(shù)數(shù)量大?。?0億包含組件庫(kù)代碼做為專項(xiàng)訓(xùn)練集進(jìn)行訓(xùn)練HaloE創(chuàng)新技術(shù)路線Acepilot是一個(gè)基于AI模型的編程輔助工具，在你使用IDE時(shí)提供AI生成的代碼補(bǔ)全建議大模型技術(shù)多語(yǔ)言支持隱匿模式

低延時(shí)安全保證

插件式集成VScode基于代碼生成模型，AIGC（AI

generated

content）技術(shù)支持總結(jié)6種編程語(yǔ)言，C,C++,Go,Java,JavaScript以及Python補(bǔ)全建議顯示為灰色隱匿狀態(tài)，不影響原有編程習(xí)慣通過(guò)模型加速手段，使代碼生成時(shí)間更短保證代碼安全性，其他類似工具需要將代碼上傳云端可直接在IDE的插件市場(chǎng)找到，安裝后填寫服務(wù)地址即可使用，后續(xù)更新簡(jiǎn)單

JetBrains

to

do大量基礎(chǔ)組件代碼Acepilot模型訓(xùn)練實(shí)現(xiàn)輸入代碼自動(dòng)補(bǔ)全移動(dòng)云自研HaloE開源路線提升產(chǎn)品一致性95%+

提高頁(yè)面開發(fā)效率70%Vue2.0基礎(chǔ)組件庫(kù)Vue3.0基礎(chǔ)組件庫(kù)Vue2.0業(yè)務(wù)組件庫(kù)Vue3.0基礎(chǔ)組件庫(kù)Vue3.0業(yè)務(wù)組件庫(kù)WEB端移動(dòng)端30+個(gè)穩(wěn)定版本浪潮、東軟國(guó)際、科大國(guó)創(chuàng)、博特信工、云從科技、創(chuàng)新信息、極限科技等公司10+外部公司級(jí)用戶5

210+大組件庫(kù)

人參與5+集團(tuán)內(nèi)技術(shù)活動(dòng)/大賽300+內(nèi)部用戶社會(huì)開源對(duì)外擴(kuò)大影響力，發(fā)揮社會(huì)擔(dān)當(dāng)面向社會(huì)開源賦能，打造技術(shù)名片。公司內(nèi)開源對(duì)內(nèi)降本增效，實(shí)現(xiàn)公司內(nèi)首個(gè)自發(fā)性的共創(chuàng)共建項(xiàng)目，服務(wù)于90%+上云產(chǎn)品提升一致性。集團(tuán)內(nèi)開源對(duì)集團(tuán)內(nèi)開源，對(duì)內(nèi)助力集團(tuán)內(nèi)各單位凝聚研發(fā)力量形成合力，提升企業(yè)創(chuàng)新能力，降本增效。HaloE開源管理架構(gòu)HaloE

Design開源建立以來(lái)也逐漸有了很多積極參與建設(shè)的核心貢獻(xiàn)者，HaloE也開始了開源社區(qū)及貢獻(xiàn)者路線的建設(shè)。組件庫(kù)技術(shù)委員會(huì)組件庫(kù)設(shè)計(jì)委員會(huì)BoardHaloE開源社區(qū)理事會(huì)組件庫(kù)品牌委員會(huì)Committer貢獻(xiàn)者設(shè)計(jì)負(fù)責(zé)人品牌負(fù)責(zé)人HaloE

Design開源社區(qū)架構(gòu)圖Board：是HaloE

Design前端組件庫(kù)社區(qū)的領(lǐng)導(dǎo)機(jī)構(gòu)技術(shù)委員會(huì)：技術(shù)委員會(huì)成員需要一起制定開源目標(biāo)，并保障每項(xiàng)工作按時(shí)完成，同時(shí)進(jìn)行方案決策，發(fā)展方向把控設(shè)計(jì)委員會(huì)：設(shè)計(jì)委員會(huì)成員負(fù)責(zé)根據(jù)移動(dòng)云業(yè)務(wù)場(chǎng)景輸出基礎(chǔ)組件、業(yè)務(wù)組件、模版頁(yè)面，并負(fù)責(zé)把控前端組件庫(kù)還原情況品牌委員會(huì)：品牌委員會(huì)成員負(fù)責(zé)前端組件庫(kù)的品牌宣傳工作用戶貢獻(xiàn)者Committer榮譽(yù)貢獻(xiàn)者完成第一個(gè)任務(wù)后自動(dòng)成為貢獻(xiàn)者持續(xù)活躍三個(gè)月后，主動(dòng)申請(qǐng)經(jīng)TC審核通過(guò)成為Committer貢獻(xiàn)最高的5%將成為榮譽(yù)貢獻(xiàn)者HaloE

Design貢獻(xiàn)者路線在發(fā)展路線上，HaloE

Design

設(shè)計(jì)了「用戶、貢獻(xiàn)者、

Committer、榮譽(yù)Committer」的四級(jí)成長(zhǎng)體系。開發(fā)者可以根據(jù)自己的時(shí)間和精力來(lái)進(jìn)行組件庫(kù)的貢獻(xiàn)，并通過(guò)自己的持續(xù)貢獻(xiàn)成為更高級(jí)別的貢獻(xiàn)者。貢獻(xiàn)者HaloE開發(fā)者心聲目前HaloE已經(jīng)形成了共創(chuàng)共建的機(jī)制，感謝參與共建共創(chuàng)的近200+位同學(xué)的支持，在HaloE

從0到1的過(guò)程中貢獻(xiàn)了寶貴的經(jīng)驗(yàn)；代碼、組件、文檔、建議等等所有的付出，使HaloE得以起步，得以服務(wù)用戶。感謝所有使用者和關(guān)心者，你們是HaloE的啟明燈，指引HaloE的前進(jìn)方向，HaloE

與大家共成長(zhǎng)。程世龍HaloEDesign是我入職后參加的第一個(gè)前端項(xiàng)目，雖然貢獻(xiàn)不多，代碼書寫不規(guī)范但是也有一些收獲。在項(xiàng)目中首先跨部門的項(xiàng)目提升了團(tuán)隊(duì)合作能力。其次提升了前端開發(fā)規(guī)范認(rèn)知。最后當(dāng)然是提升了Vue3.x的代碼能力。茆玉庭希望能集思廣益，不斷完善，做到既強(qiáng)大又豐富。不僅滿足所有基礎(chǔ)開發(fā)和業(yè)務(wù)需求，還要做出符合移動(dòng)云的獨(dú)有特色，逐步推廣應(yīng)用至公司所有移動(dòng)云產(chǎn)品。周絢一方面是為了提升移動(dòng)云界面實(shí)現(xiàn)的一致性，目前各個(gè)產(chǎn)品界面組件基于不同的開源組件，交互方式不同，給用戶帶來(lái)不好的體驗(yàn)，比如不信任和不能培養(yǎng)操作習(xí)慣等；另一方面如果統(tǒng)一了組件，通過(guò)維護(hù)組件就可以快速提升所有產(chǎn)品的交互。王小峰我首先學(xué)習(xí)到是整個(gè)組件庫(kù)工程目錄設(shè)計(jì)

合理清晰，對(duì)于開發(fā)和維護(hù)提供了便利，

這對(duì)其他項(xiàng)目具有一定的啟發(fā)性其次是組

件粒度劃分也值得學(xué)習(xí)，其高內(nèi)聚和低耦

合的邏輯抽象也比較合理和規(guī)范，再有就

是建議多考慮下擴(kuò)展性和易維護(hù)性等方面。李敏軍pc和h5端相關(guān)技術(shù)拉齊，同時(shí)也跟隨業(yè)界，支持基于vue和React2個(gè)版本。顧志暉明年可以和技術(shù)部制定的一些編碼規(guī)范等結(jié)合起來(lái)，推進(jìn)相關(guān)前端工程化工具的建設(shè)。翟雄峰HaloE主要服務(wù)于移動(dòng)云內(nèi)部，后續(xù)成熟之后會(huì)逐步對(duì)外開放。在逐步和移動(dòng)云融合的過(guò)程中，將和移動(dòng)云的業(yè)務(wù)特征緊密相連，并且充分滿足出云業(yè)務(wù)用戶的需求特征。在此基礎(chǔ)上，如果能夠不斷深化開發(fā)者界面，為開發(fā)者提供更加靈活、豐富的接入面，能夠促