滴滴又开源一项技术 Web移动端组件库cube-ui已登录GitHub

本篇文章773字，读完约2分钟

11月8日，滴滴出行今天宣布，它是一个开源的web移动组件库cube-ui，它具有四个特点:可靠的质量、极致的体验、标准的规范和强大的可扩展性，并拥有独特的后期编译技术方案，有助于大大优化性能。这是继今年6月开源虚拟apk之后滴滴的又一个开源行动。

Cube-ui是从滴滴业务中提取出来的，由滴滴网络应用前端架构团队开发和维护。cube-ui的目标是使移动终端的开发更加容易，使开发者更加关注业务逻辑的开发，提高研发效率。

滴滴透露，其开源的原因是:去年年底，滴滴网络应用团队正在用vue.js 2.0重建其业务，并开发了一套支持业务发展的移动组件库cube-ui。经过一年多的业务测试，cube-ui变得越来越成熟，好的东西必须与大家分享，所以我们今天正式开放它的源代码。

这项技术的R&D工程师已经表达了他的经验:移动组件库是否写得好，取决于选取器组件是否写得好，cube-ui的选取器是目前所有移动组件库中最详细、最有经验的一个，接近于本机ios选择器的效果。类似地，还有索引列表组件，我们会非常仔细地考虑一些交互细节，比如吸头标题的处理和按压状态。

与市场上同类技术相比，本项目独特的后编译技术是滴滴前端团队总结的优化技术方案。在一个项目中，许多由es6开发并由巴别编译和发布的npm模块经常被引用，而巴别编译将产生许多额外的代码。为了解决这个问题，cube-ui组件库采用了编译后技术方案，可以减少最终用户引用cube-ui组件库产生的代码量，有助于优化性能。滴滴R&D的学生也呼吁越来越多的npm模块支持后编译，这样最终编译后的应用量会更小，后编译技术方案的效果会更好。

未来，滴滴工程师将继续迭代和优化cube-ui，包括但不限于以下方向:丰富构件库，开发更多通用构件；支持换肤功能，配合用户界面团队设计多套皮肤，并支持定制皮肤能力；支持Typescript/flow。因为静态类型检查是未来的趋势，cube-ui也将考虑它们的支持。

目前，cube-ui已经登录github，工程师可以点击链接查看源代码:github/didi/cube-ui，或者在didi的开源平台(didi.github.io/)上获取更多信息。

开源文化正在成为滴滴程序员文化的重要组成部分。前不久，10月24日，程序员日，橙厂宣布成立一个开源委员会，由高级副总裁张担任主席。他说:除了为用户提供优秀的产品和良好的体验，滴滴还需要出口其领先的技术，与世界分享我们的智慧。因此，我们鼓励学生积极参与行业中的开源项目，并不断输出优秀的内部项目。