【框架】跨端开发框架介绍（Windows/MacOS/Linux/Andriod/iOS/H5/小程序）

基本信息

移动端

（性能：uniapp < ReactNative < Flutter）

uniapp

注：weex已经嵌入uniapp

适用范围：Andriod、iOS、H5、国产小程序、快应用

引擎：

所属公司：Dcloud

编辑器：HBuilder

技术偏向：Vue

简介：uniapp是一个使用Vue开发所有前端应用的框架，开发者编写一套代码，选择相应目标进行编译，编译后分别部署到网站、APP、小程序多个平台

开发成本：开发一次，生成Andriod、iOS、小程序等多端的界面

学习成本：要求开发者有Vue基础，熟悉小程序开发

缺点：不是太接近原生，也没有很快

笔者：学会Vue和uniapp，覆盖了Andriod、iOS、H5、小程序、快应用，卷不卷。。。

weex

适用范围：Andriod、iOS、云OS、Web

引擎：V8

所属公司：Alibaba

技术偏向：Vue

简介：weex是一个使用Vue开发Andriod、iOS、云OS、Web多端的框架

缺点：稍微比uniapp快

适用范围：Andriod、iOS（通过ReactNative实现）、H5、国产小程序

所属公司：京东

技术偏向：Taro3同时支持Vue和React

适用范围：Andriod、iOS、H5

引擎：JSCore

所属公司：Facebook

技术偏向：React

简介：React Native是一个使用React开发移动APP的框架，使用Andriod和iOS本地组件作为构建块，而不是html/dom（即与ReactDOM不同，本处使用ReactNative作为渲染器）。

不需要学习Java或Objective C，只需要引用它提供的基础构建元素，如Button、Switch、ScrollView、View，它在运行时会使用平台本地组件。它可以将react native的View转换成andriod的View和Web的div，一个应用的价格可以获得三个运用。

开发体验好：用统一的代码规范开发移动端程序，不用关注移动端的差异

开发成本低：1. 开发一次，生成Andriod、iOS两个系统的APP；2. 学习一次，随处编写

学习成本：要求开发者有React基础，要求精通Flex布局，要求熟悉javascript

笔者独白：学会ReactNative，覆盖了Andriod、iOS、H5，唯一遗憾是不支持编译成小程序，也是很牛逼的框架。。。

适用范围：Andriod、iOS、Web、Fuchsia、桌面应用、嵌入式平台、

引擎：Flutter engine

所属公司：Google

技术偏向：dart语言

简介：Flutter是一个构建Andriod、iOS、网页的界面框架，是高性能C++和dart语言的结合，使用dart语言进行开发。

学习成本：要求开发者有Dart语言基础，了解Dart和Flutter的API、要求精通Flex布局，要求原生开发协作

笔者独白：还要学dart语言，不想学吧，脑壳疼。。。

适用范围：

技术偏向：Angular

适用范围：Andriod、iOS、H5

简介：WebView是一种浏览器（支持Andriod、iOS），作为沙盒，运行移动端Web应用，但是没有原生APP流畅

哲学：编写一次，随处运行。

笔者独白：实现方式太旧了，没有原生APP流畅，别选。。。

适用范围：Window、MacOS、Linux

所属公司：

技术偏向：HTML、CSS、JavaScript

Electron是使用JavaScript、HTML和CSS构建跨平台（Windows、MacOs、Linux）的桌面应用

笔者独白：握草，PC端应用的活，也被Web开发抢了