Mpx是一款致力于提高小程序开发体验的增强型小程序框架（mp 小程序）

Mpx是一款致力于提高小程序开发体验的增强型小程序框架（mp 小程序）

一款具有优秀开发体验和深度性能优化的增强型小程序开发框架。

简介

Mpx是一款致力于提高小程序开发体验和开发效率的增强型小程序框架，通过Mpx，我们能够高效优雅地开发出具有极致性能的优质小程序应用，并将其输出到各大小程序平台和web平台中运行。

Mpx具有以下功能特性：

数据响应 (赋值响应 / watch / computed)增强模板语法 (动态组件 / 样式绑定 / 类名绑定 / 内联事件函数 / 双向绑定 / refs)极致性能 (运行时性能优化 / 包体积优化 / 框架运行时体积14KB)高效强大的编译构建 (基于webpack / 兼容webpack生态 / 兼容原生小程序 / 完善支持npm场景下的分包输出 / 高效调试)单文件组件开发渐进接入 / 原生组件支持状态管理 (Vuex规范 / 支持多实例Store)跨团队开发 (packages)逻辑复用 (mixins)周边能力支持 (fetch / api增强 / mock / webview-bridge)脚手架支持多平台增强 (支持在微信、支付宝、百度、qq、头条小程序平台中进行增强开发)跨平台编译 (支持以微信为base，将一套代码转换输出到支付宝、百度、qq、头条小程序平台和web平台中运行)TypeScript支持 (基于ThisType实现了完善的类型推导)I18n国际化单元测试支持 (即将到来)快应用输出 (即将到来)

安装使用

# 安装mpx脚手架工具npm i -g @mpxjs/cli# 初始化项目mpx init mpx-project# 进入项目目录cd mpx-project# 安装依赖npm i# developmentnpm run watch# productionnpm run build

使用小程序开发者工具打开项目文件夹下dist中对应平台的文件夹即可预览效果。

简单示例

更多示例请查看官方示例项目

文档

https://didi.github.io/mpx

设计思路

Mpx的核心设计思路为增强，不同于业内大部分小程序框架将web MVVM框架迁移到小程序中运行的做法，Mpx以小程序原生的语法和技术能力为基础，借鉴参考了主流的web技术设计对其进行了扩展与增强，并在此技术上实现了以微信增强语法为base的同构跨平台输出，该设计带来的好处如下：

良好的开发体验：在方便使用框架提供的便捷特性的同时，也能享受到媲美原生开发的确定性和稳定性，完全没有框架太多坑，不如用原生的顾虑；不管是增强输出还是跨平台输出，最终的dist代码可读性极强，便于调试排查；极致的性能：得益于增强的设计思路，Mpx框架在运行时不需要做太多封装抹平转换的工作，框架的运行时部分极为轻量简洁，压缩+gzip后仅占用14KB；配合编译构建进行的包体积优化和基于模板渲染函数进行的数据依赖跟踪，Mpx框架在性能方面做到了业内最优(小程序框架运行时性能评测报告)；完整的原生兼容：同样得益于增强的设计思路，Mpx框架能够完整地兼容小程序原生技术规范，并且做到实时跟进。在Mpx项目中开发者可以方便地使用业内已有的小程序生态，如组件库、统计工具等；原生开发者们可以方便地进行渐进迁移；甚至可以将框架的跨平台编译能力应用在微信的原生小程序组件当中进行跨平台输出。

生态周边

成功案例

微信小程序

其他平台小程序：

更多案例，若你也在使用Mpx框架开发小程序，并想分享给大家，请填在此issue中。

交流

提供 微信群 / QQ群 两种交流方式

添加MPX入群客服等待受邀入群

扫码进入QQ群

招聘

滴滴出行小程序团队绝赞招人中，欢迎各位前端同学加入我们，开发日活过千万的头部小程序应用滴滴出行，并参与Mpx框架技术建设。

感兴趣的同学请将简历投递至donghongping@didiglobal.com，社招校招均可~

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。