滴滴开源小程序框架 Mpx

Mpx 是一款致力于提高小程序开发体验的增强型小程序框架，通过 Mpx，能够以最先进的 Web 开发体验 ( Vue + Webpack ) 来开发生产性能深度优化的小程序，Mpx 具有以下一些优秀特性：

• 数据响应特性 ( watch/computed )
• 增强的模板语法 ( 动态组件 / 样式绑定 / 类名绑定 / 内联事件函数 / 双向绑定等 )
• 深度性能优化 ( 原生自定义组件/基于依赖收集和数据变化的 setData )
• Webpack 编译 ( NPM / 循环依赖/ Babel / ESLint / CSS 预编译 / 代码优化等 )
• 单文件组件开发
• 状态管理 ( Vuex 规范 / 多实例 / 可合并 )
• 跨团队合作 ( packages )
• 逻辑复用能力 ( mixins )
• 脚手架支持
• 小程序自身规范的完全支持
• 支付宝小程序的支持

设计思路

目前业界主流的小程序框架主要有 WePY、mpvue 和 Taro。这三者都是将其他的语法规范转译为小程序语法规范，我们称其为转译型框架。

不同于上述三者，Mpx 是一款基于小程序语法规范的增强型框架，我们使用 Vue 中优秀的语法特性增强了小程序，而不是让用户直接使用 Vue 语法来开发小程序，之所以采用这种设计主要是基于如下考虑：

1. 转译型框架无法支持源框架的所有语法特性 ( 如 Vue 模板中的动态特性或 React 中动态生成的 JSX )，用户在使用源框架语法进行开发时可能会遇到不可预期的错误，具有不确定性。
2. 小程序本身的技术规范在不断地更新进步，许多新的技术规范在转译型框架中无法支持或需要很高的支持成本，而对于增强型框架来说只要新的技术规范不与增强特性冲突，就能够直接支持。