taro与uni-app横向对比图

2,540 阅读2分钟
类别tarouni-app
公司京东凹凸实验室DCloud
介绍taro是多端统一开发框架,支持用 React、vue、 vue3.0 的开发方式编写一次代码,生成能运行在多个应用.uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序(百度、字节跳动、支付宝、微信、qq、360)、快应用多个平台。
平台react Native(iOS、Android)、H5、小程序(京东、百度、字节跳动、支付宝、微信、qq)、快应用iOS、Android、H5、小程序(百度、字节跳动、支付宝、微信、qq、360)、快应
特点1. 语法风格:采用React、react hooks、vue、 vue3.0语法标准,支持JSX书写,让代码更具表现性。支持原生代码编写和原生sdk生成
2. 组件化:支持组件化开发,让代码可以复用,让功能开发更加清晰。
3. TypeScript:全面支持TypeScript,提供更强大的生产力。
4. 开发体验:贴心的代码智能提示,实时代码检查,让开发效率大幅提升。
5. 现代开发流程:配套的开发工具Taro CLI让开发流程自动化,一切都从一行命令开始
1.语法风格 采用vue语法标准,暂不支持vue3.0语法;支持原生代码编写和原生sdk生成。
2. 性能体验优秀:体验更好的Hybrid框架,加载新页面速度更快
3. 周边生态丰富:支持NPM包管理,兼容微信小程序自定义组件及JS,SDK,支持mpvue项目及组件,APP端支持和原生混合编码;相当于微信小程序中丰富的三方sdk克直接用于跨平台开发。
4. 高效开发利器:HbuildX是高效开发利器,熟练掌握后研发效果至少翻倍(即便值开发一个平台)。
性能案例(手写了一个长列表测试)前几页数据滚动时差不多,7、8页过去发现uni-app加载新页面时有变慢的感觉推测uni-app的长列表没有recycle机制
性能taro在性能优化上做的更细致使用uni-app需要自己注意代码优化。可以做到与原生一样的性能
推荐IDEvscode支持的d.ts,开发工具自由自家的HBuilderX,开箱即用。hbuilder对uni-app提供了优化定制,但对不熟悉的开发者有一定适应成本。
社区Github Issues+微信群方式交流,微信群活跃,贡献代码的人也多。有专门的论坛,还有视频教程,QQ群微信群都活跃。
生态发布了taro-ui库,awesome发布了uni-ui库,还有个插件市场
github star/issues27.7k / 78127.9K / 711