滴滴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 與業內主流小程序框架異同對比