uniapp vs taro_小程序框架 uniapp 最新版本

uniapp vs taro_小程序框架 uniapp 最新版本Taro 和 uni-app选型对比特点描述tarouni-app技术栈使用react开发的框架使用vue开发的框架开发工具 taro官方未特别推荐IDE,但提供了vscode 支持的d.ts。也可以根据自身情况选择自己习惯的 开发工具开发&#x

Taro 和 uni-app选型对比

特点描述 taro uni-app 技术栈 使用react开发的框架 使用vue开发的框架 开发工具

taro官方未特别推荐IDE,但提供了vscode

支持的d.ts。也可以根据自身情况选择自己习惯的

开发工具开发,可以提高编译代码上的开发效率

(开发工具自由)

 uni-app推荐的开发工具是他自家的HBuilderX,用它可以不配环境,开箱即用。hbuilder对uni-app提供了优化定制,但对不熟悉的开发者有一定适应成本。另外hbuilder自带一个编译器,和cli装在项目下的编译器是2个,这个坑不少新人要注意别踩。(开发工具局限,只能用Hbuild工具开发) 跨端程度 、支付宝、百度、头条、H5、App多平台 、支付宝、百度、头条、H5、App多平台(官网特别强调支持IOS,Android) 运行性能 taro在性能优化上做的更细致 uni-app需要自己注意代码优化 开发体验

taro的安装及使用:

Taro 和 uni-app选型对比

uni-app的安装及使用:

Taro 和 uni-app选型对比

社区生态

1.Taro通过Github Issues+群方式交流,群活跃,贡献代码的人也多。

2.taro官方发布了taro-ui库,awesome里三方组件不太多。

3.github 上taro的star远超uni-app

1.uni-app有专门的论坛,还有视频教程,sigusoft群群都活跃。

2.uni-app官方发布了uni-ui库,还有个插件市场,里面轮子很多,做业务应该可以很快拼轮子做出来。

3.uni-app的文档比taro要完善,数了数交流群的数量,也是uni-app多不少。

质量对比

(为验证最终跨端效果,我们分别下载 taro、uni-app的示例项目,体验编译到不同平台的运行效果。)

首先选择 taro 官方账号下的知乎小程序示例(github地址),运行到各端后的效果:文章来源地址https://www.yii666.com/article/250098.html

Taro 和 uni-app选型对比

Taro 和 uni-app选型对比

从如上截图来看,taro成功实现了多端编译;我们接着更细致的对比了一下各端运行,发现taro在如下方面存在问题:

  • H5端:选项卡高亮状态错误,如上图,内容显示的是第二个选项卡,但底部高亮的依然是第一个选项卡
  • H5端:下拉刷新不生效
  • 百度小程序端:下拉刷新触发后,回弹失败;若页面同时存在下拉刷新和上拉加载,则和页面滚动冲突

之后点击二级页、三级页,发现H5端的其它问题:

  • 所有页面缺少导航栏,小程序端导航栏是原生控件,taro在H5端未对应生成
  • 跳转到二级页后,底部选项卡依然不消失,难道所有页面都要包含选项卡?如下图所示,不合理

    Taro 和 uni-app选型对比


    针对这些问题,我们复查了一遍taro官网,官网倒是明确说明部分事件函数在H5端不生效,主要包括:

方法作用onPullDownRefresh页面相关事件处理函数–监听用户下拉动作onReachBottom页面上拉触底事件的处理函数onShareAppMessage用户点击右上角转发onPageScroll页面滚动触发事件的处理函数onTabItemTap当前是 tab 页时,点击 tab 时触发

不过进一步仔细发现,taro文档里大量存在只有平台打勾的情况,H5和App侧大量的X。这说明跨其他平台很难平滑迁移。

接着运行uni-app示例项目,选择官方账号下的看图App模板(github地址)测试,运行到各端后效果:

Taro 和 uni-app选型对比

Taro 和 uni-app选型对比

从上图来看,uni-app 同样成功的实现了多端编译;我们接着更细致的对比了一下各端运行,发现如下问题:

  • 支付宝平台:下拉刷新、上拉加载无效

之后点击二级页、三级页,没再发现明显问题。

Taro 和 uni-app选型对比

Taro 和 uni-app选型对比

文章地址https://www.yii666.com/article/250098.html

从两个项目的实际运行来看,uni-app的跨端效果更好,特别是在H5平台相比taro要完善不少。

另外,在进行两个框架的发行编译时,我们还发现了一个差异点:

  • taro 的  目录下不区分编译平台,同一时间仅可编译到一个平台,不支持多个平台对比查看运行效果;
  • uni-app 的  目录区分编译平台,故支持同时编译到多个平台,可同时对比查看不同平台运行效果,这个体验是不错的,更有跨端开发的感觉 另外uni-app的条件编译比较完善,这个在处理平台差异时很有用。

案例对比 两个框架都在官网放上了众多案例,只是taro案例清一色是小程序,没看到其他端 uni-app的案例什么平台都有,很多App做了多个平台(特别强调跨iOS,Android)

激活谷谷主为您准备了激活教程,为节约您的时间请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/13662.html

(0)
上一篇 2024年 5月 16日 上午10:10
下一篇 2024年 5月 16日 上午10:21

相关推荐

  • windows gpedit.msc无法启动_gpedit.msc无法运行

    windows gpedit.msc无法启动_gpedit.msc无法运行家庭版系统gpedit.msc打不开怎么解决 家庭版系统gpedit.msc打不开解决方法【详解】在家庭版系统中有非常多的限制,例如在Windows的家庭版系统中,就无法打开本地策略组,这就导致不少用户使用电脑的时候发现打不开gpedit.msc,下面小编就带着大家一起具体

    2024年 5月 25日
  • oracle如何取最大的值_oracle 取最大值

    oracle如何取最大的值_oracle 取最大值70道SQL经典面试题大全,看这一篇就够了吐血整理了一周SQL面试题,包括了选择题、问答题、实战题。每道题都给大家加了详细的独家解析。几乎每个知识点都涉及到了。刷完这套题,关于SQL的面试妥妥的。题目来源:各大厂面试题、牛客网选择题(1)基础题1、要求删除商品表中价格大于3000的商品,下列SQL

    激活谷笔记 2024年 5月 27日
  • set什么的缩写_set什么缩写 空调

    set什么的缩写_set什么缩写 空调’+obj.title+’空调在现代家庭中是非常常见的,使用方便,但如果出现问题,也是非常棘手的,比如,空调set是什么意思?下面一起来简单了解一下。一、空调set是什么意思是设置的意思,用户可以通过该按键设置空调的温度。另外,遥控器上,还会有很多其他功能按键,显示ON/0FF的按键,是用来开启和关

    2024年 5月 23日
  • 二叉搜索树前序遍历 恢复_二叉搜索树的前序遍历

    二叉搜索树前序遍历 恢复_二叉搜索树的前序遍历剑指offer-Python版(上)《剑指offer》上面的66道算法题是面试高频题,书中用C/C++写的答案,本篇笔记用python刷一遍所有的算法题,用于面试准备。题号顺序是牛客网上的顺序,答案都是牛客网编译通过的。由于内容过多

    激活谷笔记 2024年 5月 30日
  • 接口设计6大原则包括哪些_接口设计6大原则包括哪些内容

    接口设计6大原则包括哪些_接口设计6大原则包括哪些内容接口设计六大原则一.单一职责原则Single Responsibility Principle, 简称SRP。定义:There should never be more than one reason for a class to change.应该有且仅

    激活谷笔记 2024年 5月 29日
  • Win10系统激活码_win10专业版万能激活码

    Win10系统激活码_win10专业版万能激活码2021最新Windows10专业版永久激活秘钥分享 附激活工具+使用教程Windows 10 是微软公司新一代操作系统,微软宣布2015年7月29日正式发布Windows 10。Windows 10将首次以免费升级

    2024年 5月 10日
  • libxml2解析xml_libxml2解析模式

    libxml2解析xml_libxml2解析模式利用libxml2解析xml文档#include<stdio.h>#include<string.h>#include<libxml/parser.h>#include<li

    激活谷笔记 2024年 5月 22日
  • DataSpell激活2024.1.1(PyCharm 2024.1最新版免费激活激活成功教程安装教程(附激活工具+激活码)-永久持续更新)

    DataSpell激活2024.1.1(PyCharm 2024.1最新版免费激活激活成功教程安装教程(附激活工具+激活码)-永久持续更新)

    2024年 6月 6日
  • linux安装lsof安装包_linux 安装lsof

    linux安装lsof安装包_linux 安装lsof完美解决lsof安装问题一、lsof安装方法在Linux中,lsof是一种用于打印有关已打开文件的信息的工具。然而,在安装lsof时,可能会出现许多问题,如找不到安装包、安装后无法使用或安装失败。下面是一些简单易懂的安装方法。首先需要打开终端,使用

    2024年 5月 27日
  • work是什么意思_or是什么意思

    work是什么意思_or是什么意思work是什么意思_work用英语怎么说_work的翻译_work翻译成_work的中文意思_work怎么读,work的读音,work的用法,work的例句全部四级六级高考考研To ensure employees’ comm

    激活谷笔记 2024年 4月 27日
  • nodejs_nodejs属于前端还是后端

    nodejs_nodejs属于前端还是后端node.js是前端还是后端?node.js不属于前端经常有人说nodejs是前端,同时也有会出来反对说node.js是后端。严格意义上讲node当然不属于前端。因为Node一开始只是服务器端的js,但是现在的说法是node.js已经是js的一个运行时了。它的核心是event dr

    激活谷笔记 2024年 5月 9日
  • s2045参数

    s2045参数预告:不论聚丙烯专用料新品研发,熔喷料及驻极母粒最新研发进展,我们将都有最详细的讨论尽在“2020中国聚烯烃大会”。上海赛科S2040早已黄袍加身,家喻户晓。5月,上海赛科新推S2045,S2045 是具有低气味、低灰分、高等规度和较窄分子量分布的均聚聚丙烯树脂。流动性更高,纤

    激活谷笔记 2024年 5月 19日
关注微信