Taro 和 uni-app选型对比

2023-05-16

Taro 和 uni-app选型对比

一.Taro和uni-app的介绍

1.taro的介绍

taro是多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信/百度/支付宝/字节跳动小程序、H5、React Native 等的应用.

2.uni-app的介绍

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

二.Taro和ni-app的特点

官网介绍:

1.官网介绍taro的特点:

(1)多端运行:一键生成可以在微信小程序/H5/ReactNative等端运行的代码。

(2)语法风格:采用React语法标准,支持JSX书写,让代码更具表现性。

(3)组件化:支持组件化开发,让代码可以复用,让功能开发更加清晰。

(4)TypeScript:全面支持TypeScript,提供更强大的生产力。

(5)开发体验:贴心的代码智能提示,实时代码检查,让开发效率大幅提升。

(6)现代开发流程:配套的开发工具Taro CLI让开发流程自动化,一切都从一行命令开始

2.官网介绍uni-app的特点:

(1)跨端数量更多;一套代码,可以发布到IOS,Android,小程序,H5等多个平台。

(2)平台能力不受限:在跨端的同时,通过推荐编译+平台特有API调用,可以优雅的为某平台写个性化代码,调用专有能力而不影响其他平台;支持原生代码编写和原生sdk生成。

(3)性能体验优秀:体验更好的Hybrid框架,加载新页面速度更快

(4)周边生态丰富:支持NPM包管理,兼容微信小程序自定义组件及JS,SDK,支持mpvue项目及组件,APP端支持和原生混合编码;相当于微信小程序中丰富的三方sdk克直接用于跨平台开发。

(5)学习成本低:基于通前端技术栈,采用vue语法+微信小程序api,无额外学习成本。

(6)开发成本低:人力成本大幅度节省,招聘,人力,管理,研发,测试各方面成本大幅度下降;HbuildX是高效开发利器,熟练掌握后研发效果至少翻倍(即便值开发一个平台)。

三.两者的对比

1.共同点:

(1)两者都是用主流框架开发的

(2)都能支持微信、百度、支付宝、今日头条等小程序,H5,以及iOS和Android的App

(3)均支持使用 npm/yarn 安装管理第三方依赖

(4)均支持使用 ES6 甚至更新的ES规范

(5)均支持使用 less/scss/ts 等预编译器

(6)均支持进行应用状态管理,taro 支持 Redux/Mobx,uni-app 支持 vuex

2.维度考量:

技术栈:使用的技术框架,对比技术上的差异
开发工具:适合开发人员的工具,能为开发带来锦上添花的效果
跨端程度:真实运行项目到各平台,对比平台差异抹平程度
运行性能:框架是否带来了额外的性能开销,降低用户体验
开发体验:是否支持现代开发流程,是否对工程师提供高效友好的协助
社区生态:社区是否繁荣,是否有大量可用轮子?
质量对比:通过一些案例进一步了解两者开发功能上的优劣
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

四.总结

综合考量,决定选择uni-app,具体原因如下:

1.uni-app在不同平台的运行效果更好;

2.uni-app有它自带的IDE,能够帮助我们快速构建项目和打包项目;

3.如何在有限前端团队人数下搞定更多平台,是我们的首要考虑,没有人想踩太多坑导致任务完不成,并且跨端方面uni-app更成熟;

4.学习uni-app(vue)的学习成本更低,开发时间和风险更低。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Taro 和 uni-app选型对比 的相关文章

  • 如何申请安卓证书,申请安卓证书的流程是什么?

    用HBuilderX打包安卓正式app时 我们需要使用自有证书 安卓证书是免费申请的 虽然HBuilderX有申请教程 为了自己后期使用方便 今天给大家分享下详细的申请教程 HBuilderX的文档 https ask dcloud net
  • Android App软件框架搭建

    1 App软件框架搭建 1 0软件基本架构 1 1创建MainActivity并设置布局文件 布局文件如下
  • android 浅探打包安装APK

    打包安装过程 Run as Android Application 1 生成apk文件 1 生成 dex文件 DVM java gt javac gt class gt dx bat gt dex 架构 寄存器 cpu上一块高速的缓存 2
  • 1.Flutter 抽屉组件drawer 自定义宽度,触发按钮

    效果图如下 实现代码如下 详解都在代码内哦 drawer Drawer child ListView 抽屉里面一个list部件 padding EdgeInsets all 0 顶部padding为0 children
  • flutter多种底部导航栏样式

    1 底部导航栏 外弧样式 实现代码 引入flutter的dart库 import package flutter material dart 启动函数 void main gt runApp MyApp 自定义组件 class MyApp
  • Java微信APP支付-支付结果通知

    上一章讲了微信APP支付统一下单接口的开发 这一章我们讲支付结果通知接口的开发 这一接口是微信异步调用我们的接口 告之我们支付已经成功了 然后我们补录门店 电商订单 更新APP订单支付信息等业务逻辑 官方的API地址 https pay w
  • uniapp自定义tabbar,中间凸起(支持H5、微信小程序)

    最近公司需要做一款app 需要中间按钮凸起 在网上找了一些 参考文献 做了一个demo H5效果图如下 小程序效果图如下 目录结构如下 page json的配置如下 pages path pages index index style na
  • App6种常见的数据加载设计

    设计师在进行APP设计的设计时 往往会更加专注于界面长什么样 界面和界面之间怎么跳转 给予用户什么样的操作反馈 却偏偏特别容易忽略掉一个比较重要的环节 就是APP数据加载中的设计 所以会导致我们看到的APP 往往有着华丽的启动界面 然后就是
  • git 解决冲突之 theirs & ours

    git merge 从feature分支合并到master分支 git checkout master git merge feature Auto merging Document CONFLICT content Merge confl
  • 关于as遇到的Enable "Android Support" Plugin错误问题

    元旦休息了3天 17年第一天上班打开as就遇到了这个facets cannot be loaded you can mark them as ignored to suppress this error错误问题 蛋疼得很 当然既然遇到了 就
  • 校园社区app

    此项目是面向在校大学生开发的一个集预约购物 组织活动 实事热帖于一体的社区app 前后台交互数据采用的是json数据格式 网络请求采用的是volley 后台采用mysql数据库 如果有写的不好的地方还望大家指正 主要功能为 预约购物 组织活
  • 电商APP开源

    电商APP开源 https github com myxh CoolShopping 效果demo CoolShopping 一个仿拉手团购的购物App 采用Bmob后台实现短信验证码注册 登录 收藏 订单管理 自动更新等功能 数据抓取自拉
  • uniapp打包app后,ios端微信登录报错,login:fail [:-1]未能完成操作。(PGWXAPI错误-1。)

    报错内容 errMsg login fail 1 未能完成操作 PGWXAPI错误 1 errCode 100 code 100 报错原因 在manifest json文件 视图模式里面只有appid和 ios平台通用链接两个配置 需要在m
  • App登录状态维持

    转载地址 http www jianshu com p 4b6b04244773 目前APP大都支持长登录 就是用户登录一次后 如果用户没有主动注销 清除APP缓存数据或卸载APP 就在一段时间内或一直保持登录状态 一般情况下 有以下三种方
  • react 父组件调用子组件的方法

    子组件中 const child forwardRef props ref gt useImperativeHandle ref gt 这里面的方法是暴露给父组件的 test console log 我是组件里的test方法 test2 t
  • 一文教你如何在HBuilderX中使用模拟器开发调试App

    一文教你如何在HBuilderX中使用模拟器开发调试App 第一步下载HBuilderX 第二步 下载一个模拟器 这里我选择的是网易出品的mumu模拟器 第三步 打开上面安装的两个软件 接着在hbx里运行到模拟器 如下图所示 如果和图片中一
  • OS X Java .app 捆绑包无法打开其他应用程序?

    我为 OS X 编写了一个 Java SWT 应用程序 将其导出为 jar 并将其捆绑到 app 中 除了我的应用程序中的关键部分之外 一切都按预期工作 它需要打开其他应用程序 我试过了Runtime exec 也ProcessBuilde
  • [2024]基于springboot的租房(房屋租赁)小程序设计

    目录 一 整体目录 示范 文档含项目技术介绍 E R图 数据字典 项目功能介绍与截图等 二 运行截图 三 代码部分 示范 四 数据库表 示范 数据库表有注释 可以导出数据字典及更新数据库时间 欢迎交流学习 五 主要技术介绍 六 项目调试学习
  • 我在哪里可以购买 .app TLD? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 在哪里可以购买 app 顶级域名 TLD 我去了 Network Solutions GoDaddy 等
  • 如何通过安装 .app(二进制)文件在设备上测试应用程序? (不使用Xcode进行测试)

    我创建了一个应用程序 我想将其发送给另一个人进行测试 他有一部 iPhone 和一台 Mac 但他的 Mac 上没有 xcode 他不是 iPhone 程序员 所以 如果我发送 app 文件 他可以在他的 iPhone 上测试吗 如果没有

随机推荐

  • 「git」Linux下将文件都上传到github上

    最近在整理自己平时写的一些代码 xff0c 第一选择就是上传到github上作为一个备份和说明 xff0c 防止自己遗忘 上次用版本控制已经是好几个月前了 xff0c 所以难免有些生疏 所以就从新按照CSDN大佬们的基础教程重新操作了一遍
  • 高质量嵌入式Linuxc编程

    第一天 xff1a 根目录 命令 注意 xff1a 命令和参数要区分开 xff0c 他们之间要有空格 cd 进入目录 ls 列举目录内容 ls a 列举所有文件包括隐藏的文件 所有隐藏的文件都是以点 xff08 xff09 开始的 ls l
  • 读写位宽不同的FIFO,数据输入输出顺序是怎么样的?BRAM又如何呢?

    原文地址 xff1a https wenku baidu com view 7d7cf156284ac850ac0242b6 html 对于BRAM xff1a 1 xff09 写位宽小于读位宽 xff1a 先入存低位 xff0c 后入存高
  • apache httpd在centos上手动安装

    Apache Bench手动安装 简介httpd及依赖包安装ab扩充最大并发量 简介 apache bench简称 xff08 ab xff09 可以做压力测试 xff0c 本文介绍手动安装方法 httpd及依赖包安装 以下包因为存在依赖关
  • Cartographer最新版完整安装教程(2020.8.7成功安装)

    2020 8 7更 xff1a 春节之后重装了系统 xff0c 重新安装Cartographer又遇到了困难 xff0c 发现之前的教程naive xff0c 历尽千辛万苦今天终于安装成功 xff0c 而且更加简单方便 xff0c 给大家作
  • 没有可用的软件包××,但是它被其他的软件包引用了——解决方法

    在ubuntu下安装gcc xff1a sudo apt install gcc 谁知这么简单的命令居然不成功 解决方法 xff1a sudo apt get update 待更新完毕后再次输入安装命令即可
  • MapReduce编程之连接Join

    本文笔记整理自 Hadoop海量数据处理 xff1a 技术详解与项目实战 范东来 一 设计思路 HDFS上存放两个文件 xff0c 一个记录了学生基本信息 xff08 姓名 xff0c 学号 xff09 xff0c 文件名 student
  • MapReduce编程之二次排序

    本文笔记整理自 Hadoop海量数据处理 xff1a 技术详解与项目实战 范东来 一 二次排序 二次排序就是先按某一列先进行排序 xff0c 然后在此基础上再对另一列排序 xff08 参看如下表数据 xff09 待排序数据 xff1a 第一
  • 接口测试 之 HTTP 1.1 认证之BASIC认证

    basic认证 介绍认证步骤步骤图解BASIC 认证的的缺点测试 xff1a 认证失败测试 xff1a 认证成功使用postman 如何测试basic认证接口 介绍 BASIC 认证 xff08 基本认证 xff09 是从HTTP 1 1
  • PX4仿真基础

    本文章描述jmavsim和gazebo两种仿真器的使用 仿真器可以让PX4飞行控制程序在仿真的 世界 中控制一架计算机模拟的飞行器 您可以使用QGroundControl地面站程序 API或遥控器与该飞行器进行交互 xff0c 就像与真实飞
  • 在PX4-JMAVSIM软件仿真环境下运行树梅派上的Dronekit飞控应用程序

    苍穹四轴DIY 微信公众号培训教材对Pixhawk飞机加装Raspberry Pi做了介绍 xff0c 关于软件仿真 xff0c 介绍了在Ardupilot飞控系统软件仿真下运行树梅派上的飞控应用程序 xff0c 此文介绍的是在PX4飞控系
  • 在ubuntu上通过编译源代码生成并安装MAVSDK-C++

    版本说明 xff1a ubuntu server 20 0 04 MAVSDK 1 3 1 PX4官网通过编译源代码安装MAVSDK的文章如下 xff1a Building library from Source MAVSDK Guide
  • 在PX4中如何使用offboard模式以及对c_uart_interface_example程序的分析

    c uart interface example是mavlink团队提供的一个演示如何用c语言调用mavlink API对飞机做offboard控制的例子程序 xff0c 这个程序写的挺漂亮的 xff0c 但是 xff0c 新的固件 xff
  • MAVSDK(c++) takeoff_and_land程序分析

    MAVSDK xff08 c 43 43 takeoff and land程序分析 takeoff and land程序是用c 43 43 语言调用MAVSDK API做起飞和降落的控制 MAVSDK xff08 C 43 43 xff09
  • Ubuntu下安装vmware虚拟机软件,vmware上虚拟机的安装、删除

    一直听说虚拟机虚拟机虚拟机 xff0c 关于具体是什么还是不清楚 纸上觉来终觉浅 xff0c 得知此事要躬行 心里的想法千千万 xff0c 只有写下来才能有落地的实感 百科上查找的资料 xff0c 虚拟机 xff08 Virtial Mac
  • 实现Pixhawk 的PX4系统终端

    版本说明 xff1a 1 自驾仪 xff1a Holybro的Pixhawk 4 2 PX4版本 xff1a 1 13 3 宿主机 xff1a Thinkpad笔记本 43 Ubuntu 20 04 2 LTS 参考 xff1a PX4 C
  • QGC开发环境搭建(欢迎交流学习)

    xff10 xff0f 准备好给各位的文件包 xff1a xff11 xff0f 安装QT 链接 xff1a https pan baidu com s 1LvZ7FkDRtHSBFE7YLLBqfw 提取码 xff1a 9kin xff1
  • 四旋翼无人机物理基础

    四旋翼无人机物理基础 1 结构形式2 运动原理 垂直运动 俯仰运动 滚转运动 xff1a 偏航运动 xff1a 前后运动 xff1a 倾向运动 xff1a 1 结构形式 旋翼对称分布在机体的前后 左右四个方向 xff0c 四个旋翼处于同一高
  • npm 清理缓存命令

    npm cache clean f 有些时候npm下载资源出错 xff0c 再次下载的时候可能因为之前错误的缓存造成一直下载不成功 此时可以清一下npm的缓存 xff0c 然后尝试重新下载 使用 可以多清理几次 npm cache clea
  • Taro 和 uni-app选型对比

    Taro 和 uni app选型对比 一 Taro和uni app的介绍 1 taro的介绍 taro是多端统一开发框架 xff0c 支持用 React 的开发方式编写一次代码 xff0c 生成能运行在微信 百度 支付宝 字节跳动小程序 H