说在前面：
本屌是一名 Android APP开发者，从大学毕业开始一直都是与原生app打交道，前几年Android在市场上大火，需求也是很多，本屌混的也顺风顺水，好不得意。
然而最近几年随着小程序，web，APP端各种端大行其道，又恰逢互联网寒冬，各个公司都在节约成本，以前一个项目Android，IOS都会有相应的开发人员，现在公司都要求人员会跨平台开发，以前2个人干的多端活，现在1个人干多端，只会原生app开发那一套已经行不通了，本屌心里那个慌啊，各位看官心里慌不慌？多端统一开发已是大势所趋，趁着现在还能动（已经三十而立了），赶紧多学一些吧。。。
公司最近的项目要求在Android，IOS，小程序上同时运行，前端开发人员仅本屌一人，为了完成任务，将最近前端所涉及的技术框架都做了一个调查，也进行了实践，现在将自己的历程分享出来，供大家参考，由于能力有限，欢迎大家对错误的地方进行指正。
一、原生开发与跨平台开发技术
原生开发
原生开发就是用原生sdk api（Android或IOS）进行开发，Android使用Java或Kotlin，IOS使用Objective-C或Swift。
原生开发优势：
1.速度快、性能高，可实现复杂的动画，整体用户体验好；
2.可以访问平台的全部功能，包括硬件（蓝牙，GPS，拍照，摄像等）
主要缺点
1.平台特定，开发成本高，不同平台需要维护不同代码
2.动态化弱，有新功能需及时发版
总结一下，纯原生开发主要面临动态化和开发成本两个问题，而针对这两个问题，诞生了一些跨平台的动态化框架。
跨平台开发
市场上跨平台方案比较多，主要分为三类
1.H5+原生（uni-app,appcan，Cordova,Ionic等）
2.JavaScript开发+原生渲染（React Native、Weex）
3.自绘UI+原生（flutter）
h5+原生的开发模式为混合开发 ，采用混合模式开发的APP我们称之为混合应用或Hybrid APP ，如果一个应用的大多数功能都是H5实现的话，我们称其为Web APP 。
混合应用的优点是动态内容是H5，web技术栈，社区及资源丰富，缺点是性能不好，对于复杂用户界面或动画，webview不堪重任。
下面列举自己在项目中选型所涉及的几个跨平台框架
先来一张自己总结的表格，供大家参考：
下面详情讲解一下：
一、flutter （可跨Android和IOS）
Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口，开发者可以很快地为 Flutter添加 native扩展。
优势：
1.跨平台自绘引擎，性能强大，流畅：对比weex和react native，性能的强大是很明显的，基于dom树渲染原生组件，很难与直接在原生视图上绘图比肩性能，Google作为一个轮子大厂，直接在两个平台上重写了各自的UIKit，对接到平台底层，减少UI层的多层转换，UI性能可以比肩原生，这个优势在滑动和播放动画时尤为明显
2.采用Dart语言开发：开发效率高，高性能，快速内存分配，类型安全
3.已发布正式版本，google投入资源大，后期会做大做强。
缺点：
1.部分场景仍需原生开发。
注：通过对flutter的学习，感觉还是很不错的，dart学习成本很低，几乎可以不用怎么学，通过实践，2周时间足够可以开始动手撸代码。
二、React Native（可跨Android和IOS）
使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，将虚拟DOM映射为原生控件，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
其优势和缺点网上文章很多，这里就不做叙述。谈谈自己在实践中遇到的问题：
1.学习成本太高，对没有React前端技术的同学来说，上手是很不容易的，本屌搭建环境都用了2天时间
2.开发过程中总遇到一些莫名其妙的问题，可能是学艺不精，最终一个星期后终于放弃该方案。
3.据查询的资料显示，很多公司由于各种原因已经放弃React Native ，而且很多大神也表示放弃RN是业内的共识，至于共识的原因哪位同学知道，可以分享一下。
三、Taro（可跨H5，小程序，React Native）
京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架，github上已超过16K的star。详情参考 https://github.com/NervJS/taro
taro多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信/百度/支付宝/字节跳动小程序、H5、React Native 等的应用。
观点：
由于Taro编写出来的工程，如果打包成IOS和Android 需要先将程序生成React Native ，然后再有RN来打包IOS和Android。由于RN的一些经历，本屌未尝试，直接放弃该方案。有同学尝试过的可以分享一下过程。
四、uni-app(可跨Android、IOS、H5、各种小程序)
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台,可参看官网 https://uniapp.dcloud.io/
由于公司的项目需要Android，IOS和小程序共存，最终选择该方案，目前已完成项目，下面说说自己的看法
1. 学习成本很低，虽然之前没接触过vue，但是上手很快，1天时间看vue语法，1天时间了解uniapp并对其创建-打包整个过程进行熟悉，然后第三天可以开始撸代码，一个多星期就完成公司的项目，一款涉及30多个页面的应用。
2.提供云打包和本地打包，对没有苹果电脑的人是福音，可以使用云打包进行苹果ipa制作，当然前提是上传代码到云端，如果代码怕泄露那就本地打包
3.uni-app里面集成了5+plus，nvue和weex功能，所以对熟悉weex的同学也能满足
4.项目运行性能良好，由于应用是一些常规应用，整体和原生体验相差不大
5.国产开源，群比较活跃，遇到问题可以直接咨询群管理
当然缺点也有：
1.对于大量图片展示、tab滑动上卡顿有些明显
2.对地图方面支持力度不够，有很多bug，对于定位，地图选择位置，图层绘制简单的气泡这些基本功能都提供的有接口，使用起来还是很方便的
3.存在部分bug，比如手机震动，提供的接口不起效果，但是可以使用5+ 代码进行实现。
最后：
现阶段只懂原生开发已经很难立足市场，现在都是多端开发。跨端可以考虑flutter和uni-app这两个框架，前者是原生渲染速度快，可跨Android和IOS两端开发。后者是web渲染，可以跨Android，IOS，小程序，h5多端，缺点是性能问题。但对常规应用，性能表现还不错。刚用uniapp完成公司的项目，性能表现挺好。
七分精力在原生，三分精力留给跨平台，最后希望各位提出意见，一起沟通学习。