滴滴WebApp團隊近日宣布開源Mpx，這是一款致力于提高小程序開發(fā)體驗的增強型小程序框架。通過Mpx，開發(fā)者能夠以最先進的web開發(fā)體驗（Vue + Webpack）來開發(fā)生產(chǎn)性能深度優(yōu)化的小程序。

Mpx 具有以下一些優(yōu)秀特性：

數(shù)據(jù)響應(yīng)特性（觀察/計算）

增強的模板語法（動態(tài)組件/樣式綁定/類名綁定/內(nèi)聯(lián)事件函數(shù)/雙向綁定等）

深度性能優(yōu)化（原生自定義組件/基于依賴收集和數(shù)據(jù)變化的setData）

Webpack編譯（npm /循環(huán)依賴/Babel/ESLint/css預編譯/代碼優(yōu)化等）

單文件組件開發(fā)

狀態(tài)管理（Vuex規(guī)范/多實例/可合并）

跨團隊合作（包）

邏輯復用能力（mixins）

腳手架支持

小程序自身規(guī)范的完全支持

支付寶小程序的支持

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 與業(yè)內(nèi)主流小程序框架異同對比