当前位置: 首页 > 科技观察

滴滴开源Web移动组件库cube-ui独创技术大幅优化性能

时间:2023-03-18 12:27:29 科技观察

11月8日消息,滴滴出行今日发布开源Web移动组件库cube-ui,质量可靠,用户体验极佳,规范规范,强大的可扩展性,并拥有独特的后编译技术解决方案,有助于极大地优化性能。这是滴滴继今年6月开源VirtualAPK后的又一开源举措。Cube-ui提取自滴滴业务,由滴滴WebApp前端架构团队开发维护。cube-ui的目标是让移动开发更简单,让开发者更专注于业务逻辑开发,提高研发效率。开源的原因,滴滴透露:“去年年底,滴滴WebApp团队在使用Vue,经过一年多的业务测试,cube-ui也越来越成熟,好东西一定要分享给大家,所以我们今天正式开源了。”技术研发工程师表达了自己的心得:“移动端组件库写的好不好,就看Picker组件写的好不好,而Cube-ui的Picker是目前实现最详细,体验最好的移动端组件库,接近iOS原生选择器的效果,类似IndexList的索引列表组件,一些交互细节我们考虑得非常细致,比如天花板标题的处理,按下状态的处理,ETC。”与市面上同类技术相比,本项目独有的后编译技术是滴滴前端团队总结出的一套优化的技术方案。由于一个项目中经常引用多个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/)获取更多信息。开源文化正在成为滴滴程序员文化的重要组成部分。前不久,10月24日程序员节,巨畅宣布成立开源委员会,高级副总裁张文松担任主席。他说:“除了为用户提供优秀的产品和良好的体验之外,还需要输出滴滴领先的技术,与世界分享我们的智慧,所以我们鼓励同学们积极参与行业的开源项目并继续向外界输出优秀的内部项目。”