移动端技术选型

目前移动端开发方式有4种&＃xff1a;

•   Flutter 
•  原生&＃xff08;oc, java&＃xff09;
•  js转原生框架&＃xff08;facebook的React Naitve &＃xff0c;阿里的weex&＃xff09;
• webview混合开发 &＃xff08;uinapp,ionic,webview混合开发&＃xff09;

 一、 Flutter 

      官网介绍&＃xff1a;Flutter 应用会在一个 VM&＃xff08;程序虚拟机&＃xff09;中运行&＃xff0c;Flutter 应用程序会直接编译为机器代码 intel x64 或 ARM 指令集。 

     flutter是目前为止性能直逼 native 的解决方案&＃xff0c;甚至某方面优于native

     目前网易&＃xff0c;腾讯&＃xff0c;阿里等起到引领作用

     国内社区成员&＃xff1a;

          优点&＃xff1a;支持 web, ios, android 性能强&＃xff0c;开发效率高&＃xff0c;维护成本低

          缺点&＃xff1a;视频编辑&＃xff0c;平台功能需要原生支持 

 二、 原生

•     ios: oc
•     android: java

   优点:  毫无疑问原生性能最优&＃xff0c;最强

   缺点&＃xff1a;开发周期长&＃xff0c;维护成本高&＃xff0c;开发周期难同步

 渲染  view->layout->renderNode ->合成->GPU渲染

三、 js转原生框架&＃xff08;facebook的React Naitve &＃xff0c;阿里的weex&＃xff09;

       js作为桥梁&＃xff0c;对应标签转换原生组件&＃xff0c;对应属性转原生属性

       优点&＃xff1a;支持ios,android, 开发效率高&＃xff0c;性能优于webview

       缺点&＃xff1a;兼容性差&＃xff0c;性能差&＃xff0c;找不到插件只能原生封装插件

四、 webview混合开发 &＃xff08;uinapp,ionic,webview混合开发&＃xff09;

• uinapp&＃xff1a;h5框架&＃xff0c;如果你的应用是uni-app开发的&＃xff0c;需要扩展一些原生能力&＃xff0c;那么首先去插件市场看看有没有现成的插件&＃xff0c;如果没有&＃xff0c;就自己开发&＃xff0c;开发文档请参考原生插件开发教程。
• ionic&＃xff1a;h5框架&＃xff0c;原生功能需要到 cordova社区
• webview混合开发&＃xff1a;基于h5开发&＃xff0c;实现h5调用原生&＃xff0c;原生调用h5

      优点&＃xff1a; 支持小程序&＃xff0c;ios, android, web 开发效率更快

      缺点&＃xff1a;性能差&＃xff0c;体验差&＃xff0c;原生功能都需要找插件&＃xff0c;找不到插件只能原生封装插件

     渲染 html->dom tree ->render tree ->render layer &＃43; 栅格化 ->合成->gpu渲染。