小程序开源框架选型及原理介绍

目前比较流行的小程序开源框架有京东的Taro、dclound的uni-app（集成mpvue）、美团的mpvue和腾讯的wepy。下面我们就从各方面对比这4个框架。

选型

社区生态

以下数据通过 Github Statistics 获得

1. 维护状态

可以看到uni-app和taro近期还有更新，而wepy和mpvue最新提交已经是几个月前。

2. Star

截止2021年10月27日，整体情况如下图。从图中可以看到，后起之秀uni-app和taro处于领先地位。

3. Issues

issues可以反应社区的活跃程度。可以看到taro的issue遥遥领先，表明taro社区非常活跃。由于Bug标签是用户自己打上的，相对不是那么准确，但也能看出uni-app反馈bug较多。

框架能力

针对每个场景，都可以用原生写出性能最佳的代码，但是这样ROI太低。框架的优势在于：书写更有效率的代码、拥有更丰富的生态的同时，拥有不错的性能。

从社区生态和框架能力上来看，Taro是最优秀的。

实现原理

Taro 1/2 （重编译时、轻运行时）

为了实现兼容多个小程序，分为两个阶段：

• 编译阶段：通过babel转换成指定小程序的模板；

• 运行阶段：通过运行时框架，负责适配各端的底层能力。
  

这种方案有几个缺点：

• JSX 太过灵活，适配成本高。（虽然可以引入react的解析，但Taro怎么能用React的东西「狗头」）。
• 不⽀持 source-map。因为Taro会对源码进行转换，所以source-map无法起作用。（可以在转换过程中处理，但是成本太高，ROI低）
• 强绑定React DSL，一旦React有新特性，也需要适配。作为开发者只能升级，才能用新特性。
• 因为需要频繁操作AST，所以编译速度会更慢。

Taro 3.x （轻编译时，重运行时）

借鉴React和Vue等框架设计，在不同平台中实现render需要的相关API。在小程序端模拟实现 DOM、BOM 相关API ，让前端框架直接运行在小程序环境中，从而达到小程序和 H5 统一的目的。而对于生命周期、组件库、API、路由等差异，通过定义统一标准，各端负责各自实现的方式来进行抹平。

因为架构上的调整，Taro 3 开始不再跟某一 DSL 强绑定，开发更加灵活，编译速度更加快。

版本区别

参考文档

小程序开发:用原生还是选框架(wepy/mpvue/taro/uni-app)-- 第1季 - DCloud问答

2020年GitHub上最受欢迎小程序框

小程序框架对比（Taro VS uni-app）

小程序开源框架选型-InfoQ

微信小程序开发框架对比 - Taro vs Remax

Github Statistics

Taro Next 的前世今生

Taro原理总结

Taro 版本升级权威指南 | Taro 文档

最后

以上就是迷你裙子为你收集整理的小程序开源框架选型及原理介绍的全部内容，希望文章能够帮你解决小程序开源框架选型及原理介绍所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。