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

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

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

数据响应特性（观察/计算）

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

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

Webpack编译（npm /循环依赖/Babel/ESLint/css预编译/代码优化等）

单文件组件开发

状态管理（Vuex规范/多实例/可合并）

跨团队合作（包）

逻辑复用能力（mixins）

脚手架支持

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

支付宝小程序的支持

XX The development team said that the current mainstream 小程序 framework mainly includes WePY, mpvue and Taro, all of which translate other grammar specifications into 小程序 grammar specification, which we call a translation framework. Unlike the above three, Mpx is an enhanced framework based on the 小程序 syntax specification. It uses the excellent syntax features of Vue to enhance 小程序 instead of letting users directly use the vue syntax to develop 小程序. The main reason for this design is Based on the following considerations:

The translation framework cannot support all the syntax features of the source framework (such as dynamic features in Vue templates or dynamically generated jsx in React), users may encounter unexpected errors when developing with source framework syntax, with uncertainty ;

小程序's own technical specifications are constantly updating and progressing. Many new technical specifications cannot support or require high support costs in the translation framework. For the enhanced framework, as long as the new technical specifications do not conflict with the enhanced features, Can support directly.

At present, the Mpx framework has been widely used inside Didi, supporting the implementation of Didi Chuxing, Green Orange Bicycle, Street Rabbit Motorcycle, Marketing, Car Service, etc. on 小程序. The online operation is stable and received a lot of favorable feedback. In the future, the continuous iterative optimization of the framework will continue to follow 微信 and Alipay's latest technical standards, and will also be in more APP软件

xx Since the original intention and focus of the design is to enhance the 小程序 development experience, Mpx does not support cross-H5 or even cross-Native, but there is such a demand in the real business, the future development team will make certain cross-end on the basis of Mpx. Try, while still maintaining Mpx upgrades, because cross-end means limited flexibility and lack of capabilities, hoping to give users a second option.

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