小程序开发框架 Mpx

小程序开发框架 Mpx

Apache-2.0
JavaScript 查看源码»
跨平台
滴滴出行
2018-12-11
王练

疫情之下,程序员如何转型?共享数字化转型加速度,就在微软在线技术峰会>>>

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

  • 数据响应特性 (watch/computed)

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

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

  • Webpack 编译 ( npm/循环依赖/Babel/ESLint/css 预编译/代码优化等)

  • 单文件组件开发

  • 状态管理 (Vuex 规范/多实例/可合并)

  • 跨团队合作 (packages)

  • 逻辑复用能力 (mixins)

  • 脚手架支持

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

  • 支付宝小程序的支持

安装使用

# 安装mpx命令行工具
npm i -g @mpxjs/cli

# 初始化项目
mpx init <project-name>

# 进入项目目录
cd <project-name>

# 安装依赖
npm i

# development
npm run watch

# production
npm run build -p
Copy

 

使用小程序开发者工具打开项目目录下的dist文件夹即可进行预览调试和发布。

的码云指数为
超过 的项目
加载中

评论(10)

开源中国首席罗纳尔多
有哪些大厂的用vue可以写微信、支付宝小程序、web手机端html三端页面的?
淡然如是
淡然如是
了解一下uniapp
开源中国首席罗纳尔多
这个一定要用他们的ide吗,我想用idea
s
sleep666
我也想知道
微极客团队
微极客团队
他们有两种方式,一种是ide集成,一种是cli模式
开源中国首席罗纳尔多
如果用支付宝小程序的功能要先学支付宝小程序是吧
二进制艺术
二进制艺术
是基于 vue的吗?
王练
王练

引用来自“壹城”的评论

@王练 为什么所有的链接都指向https://github.com/google/jax,急速下载写的是Mpx,代码内容也是https://github.com/google/jax
已更正
壹城
壹城
@mrtudou 正确的地址是:https://github.com/didi/mpx和https://didi.github.io/mpx
壹城
壹城
@王练 为什么所有的链接都指向https://github.com/google/jax,急速下载写的是Mpx,代码内容也是https://github.com/google/jax

Mpx 2.3.9 发布,增强型小程序框架

Mpx 2.3.9 发布了。Mpx 是一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,开发者能够以最先进的 web 开发体验(Vue + Webpack)开发生产性能深度优化的小程序。 Features 输出H...

01/02 06:57

Mpx 2.3.0 发布,初步支持输出到 Web 中运行

Mpx 2.3.0 发布了。Mpx 是一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,开发者能够以最先进的 web 开发体验(Vue + Webpack)开发生产性能深度优化的小程序。 此版本初步支持...

2019/12/08 07:22

Mpx 2.2.44 发布,增强型小程序开发框架

Mpx 2.2.44 发布了。Mpx 是一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,开发者能够以最先进的 web 开发体验(Vue + Webpack)开发生产性能深度优化的小程序。 此版本更新内容...

2019/11/20 07:21

Mpx 2.2.40 发布,增强型小程序开发框架

Mpx 2.2.40 发布了。Mpx 是一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,开发者能够以最先进的 web 开发体验(Vue + Webpack)开发生产性能深度优化的小程序。 此版本更新内容...

2019/10/31 07:25

Mpx 2.2.20 发布,增强型小程序开发框架

Mpx 2.2.20 发布了。Mpx 是一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,开发者能够以最先进的 web 开发体验(Vue + Webpack)开发生产性能深度优化的小程序。 此版本修复了一...

2019/08/27 07:15

Mpx 2.1.6 发布,增强型小程序开发框架

Mpx 2.1.6 发布了。Mpx 是一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,开发者能够以最先进的 web 开发体验(Vue + Webpack)开发生产性能深度优化的小程序。 此版本修复了一...

2019/07/14 08:18

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

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

2018/12/12 08:35

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

mpx 一款滴滴开源的小程序框架跨平台使用

MPX 框架是滴滴出行推出的一款专注小程序开发的增强型框架。本篇文章将从使用角度谈谈 MPX 的优势与好处。如果嫌内容太长,优势部分每个小节都有简单的一句话总结,可以快速阅读。如果想了解...

2019/07/10 15:25
356
0
AndroidFM模块学习之四源码分析(十)

接上一篇,今天我们来看看android\vendor\qcom\opensource\fm\qcom\fmradio\FmRxControls.java / * *打开FM Rx / Tx。 * Rx = 1和Tx = 2 * / public void fmOn(int fd, int device) { int r...

2019/01/08 08:22
86
0
开源ETL工具:Talend系列

Talend Open Studio(拓蓝开放工作室) Talend的旗舰产品,Talend Open Studio,提供了迄今市场上最为开放,最具效力并最有创造力的数据集成方案。 拥有一个多功能合一,即装即用的应用平台,...

2010/03/10 19:51
4.6K
0
stitching_detailed参数

Rotation model images stitcher. stitching_detailed img1 img2 [...imgN] [flags] Flags: --preview Run stitching in the preview mode. Works faster than usual mode, but output image...

2015/12/23 06:11
264
0
【更新】MS Project 组件Aspose.Tasks V17.11发布 | 支持免费下载

MS Project 组件Aspose.Tasks 11月新版17.11发布,支持设置JPEG图像质量。

2017/11/03 13:58
75
0
如何快速使用MindManager快速创建思维导图模板

绘制一幅完整的思维导图第一步就是要开始新建一个导图,MindManager提供了多种方式帮助用户新建导图,包括新建空白导图、使用模板创建导图以及从外面导入文件等等,本文将简要介绍五种方式教...

2015/04/01 10:35
601
0
MindManager的优势和特性

目前市面上的思维导图软件有很多,但是大多数人却只用Mindmanager这一款软件,这不仅仅是其产品品牌的知名度,更主要的还是依靠其产品优势和特性更加符合用户的使用习惯,因此受到了市场的欢...

2015/03/17 09:57
278
0
php---服务器响应HTTP的类型ContentType大全

服务器响应HTTP的类型ContentType大全: ".*"="application/octet-stream" ".001"="application/x-001" ".301"="application/x-301" ".323"="text/h323" ".906"="application/x-906" ".907"...

2012/02/08 17:08
855
0
PHP中的header()函数-1

附带文档类型及服务器响应类别 一共两个版本. 文档类型 和 服务器响应HTTP的类型 上面的这个可以在上传文件的类型中对应上.下面的差了点.(原文下面的是用来写在文件头上的.来确定该文件是什么...

2015/08/25 10:38
45
0
BeeGFS开发环境搭建1-环境配置

BeeGFS常用于高性能计算中的分布式文件存储,其对巨量小文件的支持相比于其他大多数文件系统而言,要好太多,这里介绍搭建的详细过程。一共使用3台服务器,一个磁盘分成两个区(分别用于元数...

2019/06/13 19:02
705
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部