11月8日消息，滴滴出行今日宣布開(kāi)源Web移動(dòng)端組件庫(kù)cube-ui，該技術(shù)擁有質(zhì)量可靠、體驗(yàn)極致、標(biāo)準(zhǔn)規(guī)范和強(qiáng)擴(kuò)展性這四大特點(diǎn)，并擁有獨(dú)特的后編譯技術(shù)方案幫助大幅優(yōu)化性能。這是繼今年6月開(kāi)源Virtual APK后，滴滴的又一次開(kāi)源動(dòng)作。

　　cube-ui 從滴滴業(yè)務(wù)中提煉而來(lái)，由滴滴 WebApp 前端架構(gòu)組開(kāi)發(fā)和維護(hù)。cube-ui 的目標(biāo)是讓移動(dòng)端的開(kāi)發(fā)更容易，讓開(kāi)發(fā)人員更加專注于業(yè)務(wù)邏輯的開(kāi)發(fā)，提升研發(fā)效率。

　　之所以將其開(kāi)源，滴滴方面透露：“去年底，滴滴 WebApp 團(tuán)隊(duì)在用 Vue.js 2.0 對(duì)業(yè)務(wù)進(jìn)行重構(gòu)，并開(kāi)發(fā)了一套移動(dòng)端組件庫(kù) cube-ui 支撐業(yè)務(wù)的開(kāi)發(fā)，經(jīng)過(guò)了一年多的業(yè)務(wù)考驗(yàn)，cube-ui 也日趨成熟，好的東西必須要和大家分享，于是我們?cè)诮裉煺綄⑵溟_(kāi)源。

　　該技術(shù)研發(fā)工程師發(fā)表了經(jīng)驗(yàn)之談：“移動(dòng)端組件庫(kù)寫(xiě)的好不好，就看 Picker 組件寫(xiě)的好不好，而cube-ui 的 Picker 是目前所有移動(dòng)端組件庫(kù)中實(shí)現(xiàn)最細(xì)致、體驗(yàn)也是最好的，接近原生 iOS 選擇器的效果。類似的還有 IndexList 索引列表組件，我們?cè)谝恍┙换サ募?xì)節(jié)上都考慮的非常細(xì)致，比如對(duì)吸頂標(biāo)題的處理，按壓態(tài)的處理等。”

　　相較于市面上同類技術(shù)，該項(xiàng)目獨(dú)有的后編譯技術(shù)是滴滴前端團(tuán)隊(duì)總結(jié)出的一套優(yōu)化技術(shù)方案。由于在一個(gè)項(xiàng)目中經(jīng)常會(huì)引用多個(gè)經(jīng)過(guò) ES6 開(kāi)發(fā)、Babel編譯發(fā)布的NPM模塊，而B(niǎo)abel編譯則會(huì)產(chǎn)生多份額外代碼，針對(duì)該問(wèn)題，cube-ui 組件庫(kù)運(yùn)用了后編譯技術(shù)方案，可讓最終使用方引用 cube-ui 組件庫(kù)編譯產(chǎn)生的代碼體積減少，幫助優(yōu)化性能。滴滴研發(fā)同學(xué)也呼吁越來(lái)越多的NPM 模塊支持后編譯，這樣應(yīng)用最終編譯后體積才會(huì)更小，后編譯技術(shù)方案效果才會(huì)更好。

　　11月8日消息，滴滴出行今日宣布開(kāi)源Web移動(dòng)端組件庫(kù)cube-ui，該技術(shù)擁有質(zhì)量可靠、體驗(yàn)極致、標(biāo)準(zhǔn)規(guī)范和強(qiáng)擴(kuò)展性這四大特點(diǎn)，并擁有獨(dú)特的后編譯技術(shù)方案幫助大幅優(yōu)化性能。這是繼今年6月開(kāi)源Virtual APK后，滴滴的又一次開(kāi)源動(dòng)作。

　　cube-ui 從滴滴業(yè)務(wù)中提煉而來(lái)，由滴滴 WebApp 前端架構(gòu)組開(kāi)發(fā)和維護(hù)。cube-ui 的目標(biāo)是讓移動(dòng)端的開(kāi)發(fā)更容易，讓開(kāi)發(fā)人員更加專注于業(yè)務(wù)邏輯的開(kāi)發(fā)，提升研發(fā)效率。

　　之所以將其開(kāi)源，滴滴方面透露：“去年底，滴滴 WebApp 團(tuán)隊(duì)在用 Vue.js 2.0 對(duì)業(yè)務(wù)進(jìn)行重構(gòu)，并開(kāi)發(fā)了一套移動(dòng)端組件庫(kù) cube-ui 支撐業(yè)務(wù)的開(kāi)發(fā)，經(jīng)過(guò)了一年多的業(yè)務(wù)考驗(yàn)，cube-ui 也日趨成熟，好的東西必須要和大家分享，于是我們?cè)诮裉煺綄⑵溟_(kāi)源。

　　該技術(shù)研發(fā)工程師發(fā)表了經(jīng)驗(yàn)之談：“移動(dòng)端組件庫(kù)寫(xiě)的好不好，就看 Picker 組件寫(xiě)的好不好，而cube-ui 的 Picker 是目前所有移動(dòng)端組件庫(kù)中實(shí)現(xiàn)最細(xì)致、體驗(yàn)也是最好的，接近原生 iOS 選擇器的效果。類似的還有 IndexList 索引列表組件，我們?cè)谝恍┙换サ募?xì)節(jié)上都考慮的非常細(xì)致，比如對(duì)吸頂標(biāo)題的處理，按壓態(tài)的處理等。”

　　相較于市面上同類技術(shù)，該項(xiàng)目獨(dú)有的后編譯技術(shù)是滴滴前端團(tuán)隊(duì)總結(jié)出的一套優(yōu)化技術(shù)方案。由于在一個(gè)項(xiàng)目中經(jīng)常會(huì)引用多個(gè)經(jīng)過(guò) ES6 開(kāi)發(fā)、Babel編譯發(fā)布的NPM模塊，而B(niǎo)abel編譯則會(huì)產(chǎn)生多份額外代碼，針對(duì)該問(wèn)題，cube-ui 組件庫(kù)運(yùn)用了后編譯技術(shù)方案，可讓最終使用方引用 cube-ui 組件庫(kù)編譯產(chǎn)生的代碼體積減少，幫助優(yōu)化性能。滴滴研發(fā)同學(xué)也呼吁越來(lái)越多的NPM 模塊支持后編譯，這樣應(yīng)用最終編譯后體積才會(huì)更小，后編譯技術(shù)方案效果才會(huì)更好。

　　未來(lái)滴滴的工程師們將持續(xù)對(duì) cube-ui 迭代和優(yōu)化，包括但不限于以下幾個(gè)方向：豐富組件庫(kù)，開(kāi)發(fā)更多通用組件； 支持換膚功能，和 UI 團(tuán)隊(duì)配合設(shè)計(jì)出幾套皮膚，同時(shí)也支持自定義皮膚能力；支持TypeScript/Flow，由于靜態(tài)類型檢查是未來(lái)趨勢(shì)，cube-ui 也會(huì)考慮對(duì)它們的支持。目前，cube-ui已登錄GitHub，工程師們可戳鏈接查看源碼：https://github.com/didi/cube-ui，也可在滴滴的開(kāi)源平臺(tái)上（https://didi.github.io/）獲取更多信息。

　　開(kāi)源文化正在成為滴滴程序員文化的重要一部分，不久前的10月24日程序員節(jié)，桔廠宣布成立開(kāi)源委員會(huì)，由高級(jí)副總裁章文嵩出任主席，他說(shuō)：“滴滴除了要為用戶提供優(yōu)秀的產(chǎn)品和良好的體驗(yàn)外，更需要對(duì)外輸出滴滴領(lǐng)先的技術(shù)，與世界共享我們的智慧，所以我們鼓勵(lì)同學(xué)們積極參與業(yè)界的開(kāi)源項(xiàng)目，不斷對(duì)外輸出內(nèi)部的優(yōu)秀項(xiàng)目。

海外服務(wù)器免費(fèi)測(cè)試：http://running-capacitor.com/