| 类别 | taro | uni-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需要自己注意代码优化。可以做到与原生一样的性能 |
| 推荐IDE | vscode支持的d.ts,开发工具自由 | 自家的HBuilderX,开箱即用。hbuilder对uni-app提供了优化定制,但对不熟悉的开发者有一定适应成本。 |
| 社区 | Github Issues+微信群方式交流,微信群活跃,贡献代码的人也多。 | 有专门的论坛,还有视频教程,QQ群微信群都活跃。 |
| 生态 | 发布了taro-ui库,awesome | 发布了uni-ui库,还有个插件市场 |
| github star/issues | 27.7k / 781 | 27.9K / 711 |