滴滴开源小程序框架 Mpx ,致力于提高小程序开发体验

王练
 王练
发布于 2018年12月12日
收藏 43

滴滴 WebApp 团队近日宣布开源 Mpx ,这是一款致力于提高小程序开发体验的增强型小程序框架。通过 Mpx ,开发者能够以最先进的 web 开发体验 (Vue + Webpack) 来开发生产性能深度优化的小程序。

Mpx 具有以下一些优秀特性:

  • 数据响应特性 (watch/computed)

  • 增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等)

  • 深度性能优化(原生自定义组件/基于依赖收集和数据变化的 setData )

  • Webpack 编译( npm/循环依赖/Babel/ESLint/css 预编译/代码优化等)

  • 单文件组件开发

  • 状态管理( Vuex 规范/多实例/可合并)

  • 跨团队合作 (packages)

  • 逻辑复用能力 (mixins)

  • 脚手架支持

  • 小程序自身规范的完全支持

  • 支付宝小程序的支持

开发团队表示,目前业界主流的小程序框架主要有 WePYmpvueTaro,这三者都是将其他的语法规范转译为小程序语法规范,我们称其为转译型框架。不同于上述三者,Mpx 是一款基于小程序语法规范的增强型框架,使用 Vue 中优秀的语法特性增强了小程序,而不是让用户直接使用 vue 语法来开发小程序,之所以采用这种设计主要是基于如下考虑:

  • 转译型框架无法支持源框架的所有语法特性 (如 Vue 模板中的动态特性或 React 中动态生成的 jsx ),用户在使用源框架语法进行开发时可能会遇到不可预期的错误,具有不确定性

  • 小程序本身的技术规范在不断地更新进步,许多新的技术规范在转译型框架中无法支持或需要很高的支持成本,而对于增强型框架来说只要新的技术规范不与增强特性冲突,就能够直接支持

目前 Mpx 框架已经在滴滴内部大量使用,支撑了滴滴出行、青桔单车、街兔电单车、营销、车服等业务在小程序上的实现,线上运行稳定,收到了大量的好评反馈。未来在对框架进行持续迭代优化的同时会持续跟进微信和支付宝最新的技术标准,同时也会将在更多的小程序平台上进行适配。

由于设计初衷和专注点在于增强小程序开发体验,Mpx 并没有进行跨 H5 甚至是跨 Native 的支持,但现实业务当中确实存在这样的诉求,未来开发团队会在Mpx 的基础上对跨端进行一定的尝试,与此同时依然会持续维护升级 Mpx ,原因在于跨端意味着灵活性受限及能力的缺失,希望能给用户提供第二种选择。

Mpx 与业内主流小程序框架异同对比

更多详情可查阅项目文档

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:滴滴开源小程序框架 Mpx ,致力于提高小程序开发体验
加载中

精彩评论

bako
bako
都是刚开始维护上线后很少去维护,从美团mpvue就能看出来2017年时候代码提交量是最多的。2018年基本没提交过代码。国产开源就是走一个过场
守望辰峰
守望辰峰
致力于小程序。
小程序是不是只有国内的APP才有?
文档又是英文的。
宇天
宇天

引用来自“bako”的评论

都是刚开始维护上线后很少去维护,从美团mpvue就能看出来2017年时候代码提交量是最多的。2018年基本没提交过代码。国产开源就是走一个过场
@bako 评完KPI了,当然就没人管啦,哈哈
科技范麒麟才子
科技范麒麟才子
taro 还不错
萌哥
萌哥
先是流行一股专利风,什么破鸡毛都能写的高大上去申请专利。现在又流行这个,不搞点开源项目都不好意思说自己公司名字

最新评论(12

彩虹梦
彩虹梦

引用来自“bako”的评论

都是刚开始维护上线后很少去维护,从美团mpvue就能看出来2017年时候代码提交量是最多的。2018年基本没提交过代码。国产开源就是走一个过场
因为美团现在用react了
那么请问他们为什么还要维护。。
明显会以后开发和react 差不多的小程序框架。
真实真理
不明白开发这个的意义在哪?感觉发开小程序的技术不如你还是代码规范不如你,开发来开发去你逃得过微信底层了?
能开发出微信没有的功能了?我都能找到你小程序中的bug,还来开源技术,6666666
科技范麒麟才子
科技范麒麟才子
taro 还不错
萌哥
萌哥
先是流行一股专利风,什么破鸡毛都能写的高大上去申请专利。现在又流行这个,不搞点开源项目都不好意思说自己公司名字
宇天
宇天

引用来自“bako”的评论

都是刚开始维护上线后很少去维护,从美团mpvue就能看出来2017年时候代码提交量是最多的。2018年基本没提交过代码。国产开源就是走一个过场
@bako 评完KPI了,当然就没人管啦,哈哈
王练
王练

引用来自“都吾知点解”的评论

挂羊头卖狗肉?
正确地址:https://github.com/didi/mpx
已更正
D
DEPAKIN
我们也搞一个小程序吧,不搞没面子,显得没有技术。。。 。。。
H丶World
H丶World
git仓库没抓错吗?怎么看都和Vue + Webpack没半毛钱关系
bako
bako
都是刚开始维护上线后很少去维护,从美团mpvue就能看出来2017年时候代码提交量是最多的。2018年基本没提交过代码。国产开源就是走一个过场
都吾知点解
挂羊头卖狗肉?
正确地址:https://github.com/didi/mpx
返回顶部
顶部