团队：滴滴开源Web移动端组件库cube_ui

11月8日消息，滴滴出行今日宣布开源Web移动端组件库cube-ui，该技术拥有质量可靠、体验极致、标准规范和强扩展性这四大特点，并拥有独特的后编译技术方案帮助大幅优化性能。这是继今年6月开源Virtual APK后，滴滴的又一次开源动作。

cube-ui 从滴滴业务中提炼而来，由滴滴 WebApp 前端架构组开发和维护。cube-ui 的目标是让移动端的开发更容易，让开发人员更加专注于业务逻辑的开发，提升研发效率。之所以将其开源，滴滴方面透露：“去年底，滴滴 WebApp 团队在用 Vue.js 2.0 对业务进行重构，并开发了一套移动端组件库 cube-ui 支撑业务的开发，经过了一年多的业务考验，cube-ui 也日趋成熟，好的东西必须要和大家分享，于是我们在今天正式将其开源。该技术研发工程师发表了经验之谈：“移动端组件库写的好不好，就看 Picker 组件写的好不好，而cube-ui 的 Picker 是目前所有移动端组件库中实现最细致、体验也是最好的，接近原生 iOS 选择器的效果。类似的还有 IndexList 索引列表组件，我们在一些交互的细节上都考虑的非常细致，比如对吸顶标题的处理，按压态的处理等。”相较于市面上同类技术，该项目独有的后编译技术是滴滴前端团队总结出的一套优化技术方案。由于在一个项目中经常会引用多个经过 ES6 开发、Babel编译发布的NPM模块，而Babel编译则会产生多份额外代码，针对该问题，cube-ui 组件库运用了后编译技术方案，可让最终使用方引用 cube-ui 组件库编译产生的代码体积减少，帮助优化性能。滴滴研发同学也呼吁越来越多的NPM 模块支持后编译，这样应用最终编译后体积才会更小，后编译技术方案效果才会更好。11月8日消息，滴滴出行今日宣布开源Web移动端组件库cube-ui，该技术拥有质量可靠、体验极致、标准规范和强扩展性这四大特点，并拥有独特的后编译技术方案帮助大幅优化性能。这是继今年6月开源Virtual APK后，滴滴的又一次开源动作。cube-ui 从滴滴业务中提炼而来，由滴滴 WebApp 前端架构组开发和维护。cube-ui 的目标是让移动端的开发更容易，让开发人员更加专注于业务逻辑的开发，提升研发效率。之所以将其开源，滴滴方面透露：“去年底，滴滴 WebApp 团队在用 Vue.js 2.0 对业务进行重构，并开发了一套移动端组件库 cube-ui 支撑业务的开发，经过了一年多的业务考验，cube-ui 也日趋成熟，好的东西必须要和大家分享，于是我们在今天正式将其开源。该技术研发工程师发表了经验之谈：“移动端组件库写的好不好，就看 Picker 组件写的好不好，而cube-ui 的 Picker 是目前所有移动端组件库中实现最细致、体验也是最好的，接近原生 iOS 选择器的效果。类似的还有 IndexList 索引列表组件，我们在一些交互的细节上都考虑的非常细致，比如对吸顶标题的处理，按压态的处理等。”相较于市面上同类技术，该项目独有的后编译技术是滴滴前端团队总结出的一套优化技术方案。由于在一个项目中经常会引用多个经过 ES6 开发、Babel编译发布的NPM模块，而Babel编译则会产生多份额外代码，针对该问题，cube-ui 组件库运用了后编译技术方案，可让最终使用方引用 cube-ui 组件库编译产生的代码体积减少，帮助优化性能。滴滴研发同学也呼吁越来越多的NPM 模块支持后编译，这样应用最终编译后体积才会更小，后编译技术方案效果才会更好。

未来滴滴的工程师们将持续对 cube-ui 迭代和优化，包括但不限于以下几个方向：丰富组件库，开发更多通用组件；支持换肤功能，和 UI 团队配合设计出几套皮肤，同时也支持自定义皮肤能力；支持TypeScript/Flow，由于静态类型检查是未来趋势，cube-ui 也会考虑对它们的支持。目前，cube-ui已登录GitHub，工程师们可戳

　　YINGSOO，国际数据中心综合服务提供商，专注高品质、企业级海外服务器租用/托管服务，拥有ISP牌照、实体公司、专业团队、9年经验，7x24x365全天候服务，3天免费试用，品质保障、值得信赖!全国统一服务热线：400-630-3752

　　YINGSOO作为业内资深的专业云计算、云安全服务提供商，致力于为广大互联网企业用户和传统行业的企业用户提供“物理服务器、云服务器、高防服务器、大带宽服务器、站群服务器”等多类型服务器租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业打造定制，能够满足用户丰富、多元化的应用场景需求。全国统一服务热线：400-630-3752