小程序多端框架对比

目录

 

简介

分方面对比

兼容性

工具与技术

资源

性能

上手容易程度

各种小程序介绍

多端框架与原生小程序对比

各框架资源整理

参考文章

---

简介

下表简要对比了各个框架的基本情况：

	wepy	mpvue	taro	uni-app
Github星数	18253	17920	20060	9360
GitHub问题	201开 1561关	336开 1213关	464开 2677关	126开 391关
项目启动日期	2017年11月	2017年10月	2018年4月	2018年7月
作者	腾讯	美团	京东	DCloud (注1,2,3)
语法风格	类似Vue	Vue	React	Vue
Web兼容性	H5 微信小程序 支付宝小程序	H5 微信小程序 支付宝小程序 百度小程序 头条小程序	H5 微信小程序 支付宝小程序 百度小程序 头条小程序	H5 微信小程序 支付宝小程序 百度小程序 头条小程序
APP兼容性	不支持	不支持	Android IOS 支付登录需要原生开发	Android IOS 复杂页面需要原生开发
APP端技术			Expo (RN的封装)	Nvue (定制Weex)

1. Dcloud：B+轮(5000万+)，数字天堂（北京）公司，产品为HBuild（自研前端IDE），业务领域无线中间件，移动信息化
2. DCloud的盈利点在帮助开发者进行推广和流量变现上，而不在开发工具收费上。
3. 创始人王安：2003年创业，在“移动办公”、“无线应用”等多个方面有前瞻性的研究，曾发表《移动信息化与智慧城市》。

分方面对比

兼容性

仿微博首页

工具与技术

	WePY	mpvue	Taro	Uni-app
DSL	类Vue	Vue	React	Vue
IDE				有
语法校验工具			ESLint	IDE支持
样式	Sass Less stylus	Sass Less stylus	Sass Less Stylus CSS Modules	Sass Less stylus
状态管理工具	Redux	Vuex	Redux/Mobx/Dva	Vuex
移动端引擎			React Native	Weex
移动端封装			Expo	nvue（自定义）
转换微信小程序			有

资源

	WePY	mpvue	Taro	uni-app
CLI命令行工具	@wepy/cli	vue-cli	@tarojs/cli	Vue-cli
IDE支持	VSCode WebStorm	VSCode WebStorm	VSCode WebStorm	HBuilder VSCode
官方文档	20多篇	20多篇	上百篇	上百篇
UI库 JS库 项目模板	出现时间久 开源项目多	出现时间久 开源项目多	Taro UI 物料市场(插件) 一些开源项目	Uni-ui 插件市场 兼容mpvue库
案例	知名案例多 包括一线大厂	美团产品线	京东产品线	创业者和政企单位为主
官方支持	GitHub Issues	GitHub Issues	GitHub Issues 自建社区	GitHub Issues 需求墙 自建社区
社区活跃度	1个官方群	9个官方群	11个官方群	35个官方群
CSDN资源数	4587	6850	2647	7804
百度搜索指数	无统计	593	693	1326

性能

长列表每页渲染毫秒数

从点击按钮到长列表的某一项显示更新

上手容易程度

本部分假设开发者已掌握如下基础知识

• 工具类：WebStorm，VSCode，gulp，Webpack，ESLint，npm
  • 语言类：HTML(DOM，JSX，WXML)，CSS(Flex，Sass，BootStrap，BEM)，JavaScript(BOM，ES5,ES6+,TypeScript)
  • 框架类：三选一React(Redux或Mobx，JSX)，Vue(Vuex,Vue Router)，Angular

 

	WePY	mpvue	Taro	uni-app
学习成本	Vue技术栈 框架本身(20) 微信小程序API （100多篇）	Vue技术栈 框架本身(20) 微信小程序API （100多篇）	React技术栈 框架本身(70) 通用API （100多篇）	Vue技术栈 框架本身(70) 通用API （100多篇）
官方课程	无	无	掘金小册	腾讯课堂 （1小时，免费）
三方课程	无	腾讯课堂（2门） 网易云课堂（1）	腾讯课堂(3门) 慕课网(2门)	网易云课堂 （3门，200元） 腾讯课堂(8门,300-500元)

各种小程序介绍

	微信小程序	支付宝小程序	百度小程序	头条小程序
发布时间	2017年1月	2017年9月	2018年7月	2018年9月
基础APP	微信	支付宝	手机百度	今日头条 抖音
APP月活	9.55亿	6.07亿	3.23亿	2.84亿 2.79亿
入口	搜索 二维码 首页下拉到底 发现页按钮 各渠道分享	搜索 二维码 小程序收藏	搜索 二维码 首页下拉到底	搜索 我的页按钮 视频播放页昵称上方(抖音) 视频评论区最上一行(抖音)
工具	微信小程序开发者工具	支付宝小程序开发者工具	百度小程序开发者工具	头条小程序开发者工具
工具特点		提供很多模板	可以转换微信小程序
文件类型	js wxml wxss json	js axml acss json	js swan css json	js ttml ttss json
开发文档	跳转	跳转	跳转	跳转
控制台	跳转	跳转	跳转	跳转

多端框架与原生小程序对比

	多端框架	原生小程序
优点	一套代码多端运行 利用现有Vue或React技术栈及三方库，并对小程序原生实现有一定优化 学习成本低	原生代码，兼容性和稳定性较强 经验贴，三方库，案例较多，生态强大 各小程序其实都是模仿微信小程序，所以大部分代码也可以以组件化方式通用
缺点	多端调试 一旦出问题，不容易在小程序原生代码上改 一端出问题，对其他端代码都有影响	多端代码，分别开发，工时成本高 学习成本高，优化技巧多

各框架资源整理

	WePY	Mpvue	Taro	uni-app
GitHub主页	跳转	跳转	跳转	跳转
官网	跳转	跳转	跳转	跳转
资源收集	跳转		跳转	跳转
配套UI库			跳转	跳转
微信小程序示例

参考文章

1. 小程序多端框架全面测评：chameleon、Taro、uni-app、mpvue、WePY
2. 小程序第三方框架对比 ( wepy / mpvue / taro )
3. 深入测试一周，主流多端框架大比武
4. uni-app选型评估23问
5. 互联网开发学习路线图（英文版）
6. 小程序多端框架全面测评