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的安装及使用：
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成功实现了多端编译；我们接着更细致的对比了一下各端运行，发现taro在如下方面存在问题：
- H5端：选项卡高亮状态错误，如上图，内容显示的是第二个选项卡，但底部高亮的依然是第一个选项卡
- H5端：下拉刷新不生效
- 百度小程序端：下拉刷新触发后，回弹失败；若页面同时存在下拉刷新和上拉加载，则和页面滚动冲突
之后点击二级页、三级页，发现H5端的其它问题：
- 所有页面缺少导航栏，小程序端导航栏是原生控件，taro在H5端未对应生成
- 跳转到二级页后，底部选项卡依然不消失，难道所有页面都要包含选项卡？如下图所示，不合理
。
针对这些问题，我们复查了一遍taro官网，官网倒是明确说明部分事件函数在H5端不生效，主要包括：
不过进一步仔细发现，taro文档里大量存在只有平台打勾的情况，H5和App侧大量的X。这说明跨其他平台很难平滑迁移。
接着运行uni-app示例项目，选择官方账号下的看图App模板（github地址）测试，运行到各端后效果：
从上图来看，uni-app 同样成功的实现了多端编译；我们接着更细致的对比了一下各端运行，发现如下问题：
- 支付宝平台：下拉刷新、上拉加载无效
之后点击二级页、三级页，没再发现明显问题。
文章地址https://www.yii666.com/article/250098.html
从两个项目的实际运行来看，uni-app的跨端效果更好，特别是在H5平台相比taro要完善不少。
另外，在进行两个框架的发行编译时，我们还发现了一个差异点：
- taro 的 目录下不区分编译平台，同一时间仅可编译到一个平台，不支持多个平台对比查看运行效果；
- uni-app 的 目录区分编译平台，故支持同时编译到多个平台，可同时对比查看不同平台运行效果，这个体验是不错的，更有跨端开发的感觉 另外uni-app的条件编译比较完善，这个在处理平台差异时很有用。
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/13662.html
