滴滴Web 移动端组件库 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,工程师们可戳链接查看源码:https://github.com/didi/cube-ui,也可在滴滴的开源平台上(https://didi.github.io/)获取更多信息。

演示地址

滴滴Web 移动端组件库 cube-ui 开源_第1张图片

你可能感兴趣的:(滴滴Web 移动端组件库 cube-ui 开源)