Mpx

小程序开发框架
授权协议 Apache-2.0
开发语言 JavaScript
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 郭璞
操作系统 跨平台
开源组织 滴滴出行
适用人群 未知
 软件概览

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文件夹即可进行预览调试和发布。

  • 明人不说暗话,咱们直接上干货,大家都知道MPX是一个能有效帮助开发微信小程序的框架(真香),但是怎么才能在VSCode中完美使用MPX呢?下面的内容就来介绍一下我的经验: 插件篇 Auto CLose Tag Auto Close Tag *这个插件可以用来自动闭合标签(可选) Color Highlight Color Highlight *这个插件可以将我们Stylus内的颜色渲染出来(可选)

  • 前言 mpx脚手架中使用的模板为mpx-template,里面做了一些配置化的东西,如果了解源码后,可以自定义模板和脚手架。 git地址(2019年12月19日版本):https://github.com/mpx-ecology/mpx-template 目录结构如下: . ├── LICENSE ├── README.md ├── __test__ // 测试用脚手架中用户预设答案渲染模板命令

 相关资料
  • 作者:hiyuki Mpx是一款致力于提高小程序开发体验的增强型小程序框架,通过Mpx,我们能够以最先进的web开发体验(Vue + Webpack)来开发生产性能深度优化的小程序,Mpx具有以下一些优秀特性: 数据响应特性(watch/computed) 增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等) 深度性能优化(原生自定义组件/基于依赖收集和数据变化的setData

  • 作者:CommanderXL 与目前业内的几个小程序框架相比较而言,mpx 开发设计的出发点就是基于原生的小程序去做功能增强。所以从开发框架的角度来说,是没有任何“包袱”,围绕着原生小程序这个 core 去做不同功能的 patch 工作,使得开发小程序的体验更好。 于是我挑了一些我非常感兴趣的点去学习了下 mpx 在相关功能上的设计与实现。 编译环节 动态入口编译 不同于 web 规范,我们都知道

  • 作者:hiyuki Mpx是一款致力于提高小程序开发体验和效率的增强型小程序框架,目前在滴滴公司内部支撑了包括滴滴出行小程序,滴滴出行广场小程序,青桔单车,黑马电单车,小桔养车,小桔加油在内的小程序生态;自去年11月开源以来,Mpx也吸纳了众多外部开发者的加入,基于Mpx开发了开走吧,好免街,花忆等小程序。 长期以来,Mpx优秀的开发体验和强大的稳定性得到了内外开发者的一致认可和好评,这非常符合M

  • 作者:sky-admin MPX框架是滴滴出行推出的一款专注小程序开发的增强型框架。本篇文章将从使用角度谈谈MPX的优势与好处。如果嫌内容太长,优势部分每个小节都有简单的一句话总结,可以快速阅读。如果想了解更多设计细节,可以阅读 前一篇文章 - MPX2.0发布。 背景 在小程序逐渐火热的今天,越来越多的开发者需要进行小程序的开发。原生小程序的开发有诸多不便,开发者又需要在众多的小程序框架中做出抉

  • 更改历史 * 2018-11-12 胡小根 初始化文档 1 历史、现状和发展 1.1 历史 1.2 现状 1.3 发展 难点:预测发展方向。 2 安装和使用 2.1 安装 2.2 使用 2.3 示例 2.4 最佳实践 难点:最佳实践,超出于示例,应该归纳总结出积累的技巧。 3 同类技术对比 难点:归纳比对项 4 重要项目 mpvue 参考资料 Weex官方文档 xxx博客 xxx类

  • Megalo 是基于 Vue(Vue@2.5.16) 的小程序开发框架,让开发者可以用 Vue 的开发方式开发小程序应用。Megalo 是为了跨 H5 和小程序两端的应用提供一个高效的解决方案,只需要少量改动即可完成 H5 和小程序之间的代码迁移。

  • 插件,是可被添加到小程序内直接使用的功能组件,是对一组 js 接口、自定义组件或页面的封装,。开发者可以像开发小程序一样开发一个插件,供其他小程序使用。同时,小程序开发者可直接在小程序内使用插件,无需重复开发,但是在使用第三那个插件时,无法看到插件的代码。插件适合用来封装自己的功能或服务,提供给第三方小程序进行展示和使用。 开发小程序插件,大致要经过 开通插件功能,填写开发信息,提交审,发布,管理

  • 一个应用程序开发框架。作者实现了很多控件效果,方便其他开发者各取所需。所实现的效果包括:打分星星、响应点击动作、旋转按钮效果、根据文字多少改变大小的UILabel等等效果。 [Code4App.com]