Mpx
增强的微型图框架,具有数据反应性和深度优化。
简介
Mpx是一款致力于提高小程序开发体验的增强型小程序框架,通过Mpx,我们能够最先进的web开发体验(Vue + Webpack)来开发生产性能深度优化的小程序
设计思路
目前业界主流的小程序框架主要有WePY,mpvue和芋头,这三者都是将其他的语法规范转译为小程序语法规范,我们称其为转译型框架。不同于上述三者,MPX是一款基于小程序语法规范的增强型框架,我们使用Vue公司中优秀的语法特性增强了小程序,而不是让用户直接使用VUE语法来开发小程序,之所以采用这种设计主要是基于如下考虑:
- 转译型框架无法支持源框架的所有语法特性(如Vue的模板中的动态特性或阵营中动态生成的JSX),用户在使用源框架语法进行开发时可能会遇到不可预期的错误,具有不确定性
- 小程序本身的技术规范在不断地更新进步,许多新的技术规范在转译型框架中无法支持或需要很高的支持成本,而对于增强型框架来说只要新的技术规范不与增强特性冲突,就能够直接支持
特色
- 数据响应特性(watch / computed)
- 增强的模板语法(动态组件 / 样式绑定/类名绑定 / 内联事件函数 / 双向绑定等)
- 深度性能优化(原生自定义组件/基于依赖收集和数据变化的使用setData)
- 的WebPack编译(NPM /循环依赖/巴别/ ESLint / CSS预编译/代码优化等)
- 单文件组件开发
- 渐进接入/原生组件支持
- 状态管理(Vuex规范/多实例/可合并)
- 跨团队合作(包)
- 逻辑复用能力(mixins)
- 脚手架支持
- 小程序自身规范的完全支持
- 多平台支持(微信,支付宝,百度,QQ,头条)
- 跨平台编译(支持将微信小程序转换为支付宝,百度,QQ,头条小程序)
安装使用
# 安装mpx命令行工具npm i -g @mpxjs/cli# 初始化项目mpx init # 进入项目目录cd # 安装依赖npm i# developmentnpm run watch# productionnpm run prod
你知道哪些好用的小程序扩展,欢迎评论分享,共同探讨学习
如果觉得文章能够对您有所帮助,可以关注我,你的支持会鼓励我不断分享更多更好的优质文章。