前端开端框架（手机端）

pc端跨,桌面应用参考

1. Taro

官网

来自京东的跨段解决方案， 支持使用 React/Vue/Nerv 等框架来开发 小程序/H5/React Native 等应用。

支持平台

• H5
• React Native
• 微信小程序
• 京东小程序
• 百度智能小程序
• 支付宝小程序
• 抖音小程序
• QQ 小程序
• 钉钉小程序
• 企业微信小程序
• 支付宝 IOT 小程序
• 飞书小程序
• 快手小程序

特点：

• 支持使用 Vue，react 语法
• 支持各种小程序
• React Native 适合app深度定制或对接复杂原生功能

2. Donut

来自微信小程序的跨端解决方案， 使用 微信小程序原生语法，开发微信小程序、安卓、ios 应用。

官网

特点：

• 微信小程序原生语法，微信小程序兼容最佳
• 小程序只有微信的话，选择 Donut 框架
• 有自家的IDE， 开发体验好
• 新，文档较少

3. uni-app

支持使用 Vue 语法，开发微信小程序、安卓、ios 应用，和各种小程序。

[官网](URL_ADDRESS官网

dcloud 公司除了 uni-app，还有wap2app / HTML5 Plus移动App

特点：

• 支持使用 Vue 语法
• 支持各种小程序
• 小项目效率高，入门容易
• 有自家的IDE， 开发体验好

4. React Native

React 跨端解决方案， 使用 React 语法，开发安卓、ios 应用。 号称： “流水的多平台，铁打的 React”。

官网

特点：

• 生态完善，历史悠久
• 适合复杂App项目

5. 对比

框架	特点	开发语言	选择
Taro	支持使用 Vue，react 语法，支持各种小程序	Vue，react优先	多小程序 + 复杂app
Donut	微信小程序原生语法，微信小程序兼容最佳	微信小程序原生语法	微信小程序 + app
uni-app	支持使用 Vue 语法，支持各种小程序	Vue	多小程序 + 短平快
React Native	生态完善，历史悠久	React 语法	复杂app

6. 其它方案

• 快应用
  • 由手机厂商联盟共同维护标准‌，使用场景 安卓
  • 采用前端技术栈（HTML/CSS/JS），但通过原生渲染引擎直接调用系统组件，无需Webview。
• Webview
  • 采用前端技术栈（HTML/CSS/JS），通过Webview渲染引擎调用系统组件。
  • 优点： 兼容性好， 开发效率高
  • 如果未使用超越浏览器的系统功能，会导致IOS无法上线
  • 解决方案如 wap2app / HTML5 Plus移动App