南順網絡

滴滴又開源一(yī)項技術 Web移動端組件庫cube-ui已登錄GitHub

11 月 8 日消息，滴滴出行今日宣布開源Web移動端組件庫cube-ui，該技術擁有質量可(kě)靠、體驗極緻、标準規範和(hé)強擴展性這四大特點，并擁有獨特的(de)後編譯技術方案幫助大幅優化性能。這是繼今年(nián) 6 月開源VirtualAPK後，滴滴的(de)又一(yī)次開源動作。

cube-ui從滴滴業務中提煉而來，由滴滴 WebApp 前端架構組開發和(hé)維護。cube-ui 的(de)目标是讓移動端的(de)開發更容易，讓開發人員更加專注于業務邏輯的(de)開發，提升研發效率。

之所以将其開源，滴滴方面透露：“去(qù)年(nián)底，滴滴 WebApp 團隊在用 Vue.js 2.0 對業務進行重構，并開發了一(yī)套移動端組件庫 cube-ui 支撐業務的(de)開發，經過了一(yī)年(nián)多的(de)業務考驗，cube-ui 也日趨成熟，好的(de)東西必須要和(hé)大家分享，于是我們在今天正式将其開源。”

該技術研發工程師發表了經驗之談：“移動端組件庫寫的(de)好不好，就看 Picker 組件寫的(de)好不好，而cube-ui 的(de) Picker 是目前所有移動端組件庫中實現最細緻、體驗也是最好的(de)，接近原生 iOS 選擇器的(de)效果。類似的(de)還有 IndexList 索引列表組件，我們在一(yī)些交互的(de)細節上都考慮的(de)非常細緻，比如(rú)對吸頂标題的(de)處理(lǐ)，按壓态的(de)處理(lǐ)等。”

相較于市面上同類技術，該項目獨有的(de)後編譯技術是滴滴前端團隊總結出的(de)一(yī)套優化技術方案。由于在一(yī)個項目中經常會引用多個經過 ES6 開發、Babel編譯發布的(de)NPM模塊，而Babel編譯則會産生多份額外代碼，針對該問題，cube-ui 組件庫運用了後編譯技術方案，可(kě)讓最終使用方引用 cube-ui 組件庫編譯産生的(de)代碼體積減少，幫助優化性能。滴滴研發同學(xué)也呼籲越來越多的(de)NPM 模塊支持後編譯，這樣應用最終編譯後體積才會更小，後編譯技術方案效果才會更好。

未來滴滴的(de)工程師們将持續對 cube-ui 叠代和(hé)優化，包括但不限于以下幾個方向：豐富組件庫，開發更多通用組件; 支持換膚功能，和(hé) UI 團隊配合設計出幾套皮膚，同時也支持自(zì)定義皮膚能力;支持TypeScript/Flow，由于靜态類型檢查是未來趨勢，cube-ui 也會考慮對它們的(de)支持。

目前，cube-ui已登錄GitHub，工程師們可(kě)戳鏈接查看源碼：https://github.com/didi/cube-ui，也可(kě)在滴滴的(de)開源平台上(https：//didi.github.io/)獲取更多信息。

開源文化正在成為(wèi)滴滴程序員文化的(de)重要一(yī)部分，不久前的(de) 10 月 24 日程序員節，桔廠宣布成立開源委員會，由高(gāo)級副總裁章(zhāng)文嵩出任主席，他說：“滴滴除了要為(wèi)用戶提供優秀的(de)産品和(hé)良好的(de)體驗外，更需要對外輸出滴滴領先的(de)技術，與世界共享我們的(de)智慧，所以我們鼓勵同學(xué)們積極參與業界的(de)開源項目，不斷對外輸出內(nèi)部的(de)優秀項目。”

編輯:--ns868