Taro 框架实现原理

小程序 H5 RN Web 多端框架

Taro 1.x & Taro 2.x

编译型架构, 语法编译转换

Taro 1/2 属于编译型架构,主要通过对类 React 代码进行语法编译转换的方式,得到各个端可以运行的代码,再配合非常轻量的运行时适配,以及根据标准组件库、API 进行差异抹平,从而实现多端适配的目的;

Taro 1/2 整体架构图

Taro 1 与 Taro 2 的都是基于这种架构建立的方案, 主要区别:

Taro 1 在小程序端是自建构建体系;

Taro 2 则是所有端都采用 Webpack 进行编译,可以降低 Taro 自身编译系统的复杂度,同时能够让开发者使用 Webpack 的生态来自定义编译过程和结果;

可以认为 Taro 2 是 Taro 1 和 3 之间的一个过渡性版本

Taro 3.x

解释型架构, 小程序端模拟实现 DOM、BOM AP

Taro 3 则可以大致理解为解释型架构(相对于 Taro 1/2 而言),主要通过在小程序端模拟实现 DOM、BOM API 来让前端框架直接运行在小程序环境中,从而达到小程序和 H5 统一的目的;

而对于生命周期、组件库、API、路由等差异,我们依然可以通过定义统一标准,各端负责各自实现的方式来进行抹平;

Taro 3 中同时支持 React、Vue 等框架,甚至还支持了 jQuery,在不久的将来我们还能支持让开发自定义地去拓展其他框架的支持,如 Angular ;

Taro 3 整体架构图

refs

https://aotu.io/notes/2020/08/31/taro-versions/index.html

Taro v3.0.5

https://taro-docs.jd.com/taro/docs/README



xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


最新文章

  1. Eclipse J2EE LUNA 部署tomcat
  2. linux 执行php文件
  3. WPF - 使用Microsoft.Win32.OpenFileDialog打开文件,使用Microsoft.Win32.SaveFileDialog将文件另存
  4. sql求日期
  5. 揭开Socket编程的面纱(留着自己慢慢看)
  6. Code Review 程序员的寄望与哀伤【转载】
  7. https://blog.csdn.net/u011489043/article/details/68488459
  8. 六、latex中的特殊字符
  9. 使用python访问网络上的数据
  10. kafka安装与简单使用
  11. CentOS下shell显示-bash-4.1$不显示用户名路径
  12. leetcode1011
  13. JAVA 关于JNI本地库加载
  14. winform自动升级方案
  15. windows 系统变量
  16. USB 之传输编码格式 NRZI 介绍
  17. python 书籍推荐 一
  18. 11-SSH综合案例:前台用户模块:激活邮件的发送
  19. Java微信公众平台开发(八)--多媒体消息回复
  20. 用nodejs做一个svn密码修改页面

热门文章

  1. 选出ip记录表最近的10行数据
  2. 结合python版本安装python-devel gcc和g++的区别 安装前做yum搜索
  3. 你可能不知道的 transition 技巧与细节
  4. Oracle数据库查询锁表及解锁
  5. Linux内存运维操作及常用命令
  6. 输入DStream之基础数据源以及基于HDFS的实时wordcount程序
  7. OSPF总结
  8. ElasticSearch结合Logstash(三)
  9. HanLP 下载和配置
  10. PTA甲级—链表