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

 1. 跨端框架介绍

跨端框架	基本信息	说明
移动端 （性能：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快
Taro	适用范围：Andriod、iOS（通过ReactNative实现）、H5、国产小程序 所属公司：京东 技术偏向：Taro3同时支持Vue和React	。。。。。。
ReactNative	适用范围：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，唯一遗憾是不支持编译成小程序，也是很牛逼的框架。。。
Flutter	适用范围：Andriod、iOS、Web、Fuchsia、桌面应用、嵌入式平台、 引擎：Flutter engine 所属公司：Google 技术偏向：dart语言	简介：Flutter是一个构建Andriod、iOS、网页的界面框架，是高性能C++和dart语言的结合，使用dart语言进行开发。 学习成本：要求开发者有Dart语言基础，了解Dart和Flutter的API、要求精通Flex布局，要求原生开发协作 笔者独白：还要学dart语言，不想学吧，脑壳疼。。。
Ionic	适用范围： 技术偏向：Angular	。。。。。。
WebView	适用范围：Andriod、iOS、H5	简介：WebView是一种浏览器（支持Andriod、iOS），作为沙盒，运行移动端Web应用，但是没有原生APP流畅 哲学：编写一次，随处运行。 笔者独白：实现方式太旧了，没有原生APP流畅，别选。。。
其它	Hippy（腾讯）、Chameleon（滴滴）、Xamaric	。。。。。。
PC端
Electron	适用范围：Window、MacOS、Linux 所属公司： 技术偏向：HTML、CSS、JavaScript	Electron是使用JavaScript、HTML和CSS构建跨平台（Windows、MacOs、Linux）的桌面应用 笔者独白：握草，PC端应用的活，也被Web开发抢了

2. 选型总结

• 学Vue+uniapp、Electron，就覆盖了 Windows/MacOS/Linux/Andriod/iOS/Web/H5/小程序
• 学Vue+weex、Electron，。。。
• 学React+ReactNative+Electron，就覆盖了Windows/MacOS/Linux/Andriod/iOS/Web/H5（不支持小程序）
• 学Flutter，就覆盖了Windows/MacOS/Linux/Andriod/iOS/Web/H5（不支持小程序）