小程序开发框架 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文件夹即可进行预览调试和发布。

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

评论(4)

科技范麒麟才子
科技范麒麟才子
是基于 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 ,致力于提高小程序开发体验

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

2018/12/12 08:35

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

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...

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

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

2010/03/10 19:51
3.4K
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
101
0
【更新】MS Project 组件Aspose.Tasks V17.11发布 | 支持免费下载

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

2017/11/03 13:58
6
0
图片水平和垂直居中

背景图片自适应屏幕 background:url(https://img.alicdn.com/imgextra/i3/85662775/TB2ydR9aV95V1Bjy0FgXXc2vFXa-85662775.jpg) no-repeat center 100% background:url(../images/list01.png...

2016/12/07 19:29
2
0
MindManager 2017有哪些增强功能?

 每一款软件在更新换代的时候都会有新增和增强的功能,MindManager 2017也不例外,除了之前介绍的新增功能以外,MindManager 2017在原有的基础上,对一些还不是很完善的功能进行了增强,下面...

2016/11/08 13:48
185
0
如何快速使用MindManager快速创建思维导图模板

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

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

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

2015/03/17 09:57
109
0
纯js 逻辑飞机大战

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>飞机大战</title> <style> *{margin:0;padding:0;} #show_box{ ...

2016/10/24 14:09
29
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部