3种开发类型的原理和对比
什么是混合App（Hybrid App）
- Hybrid App是指介于web-app（网页APP，如京东web）、native-app（原生应用，如手机上面的APP应用）这两者之间的app,它虽然看上去是一个Native App，但只有一个WebView ( WebView,可以类比成iframe )，里面访问的是一个Web App，就是包了个客户端的壳，其实里面是HTML5的网页。
混合开发简介
- 现在app开发方类型有几种？
- WebApp:就是在浏览器中运行的web应用
- NativeApp:用android和Object-C等原生语言开发的应用
- HybridApp:就是外面是原生的壳，里面是webapp应用，兼具2者的优势
- 企业如何选择用那种方式开发产品呢？
- 企业要根据自身的特点进行app开发方式的选择，不要为了混合而混合。
混合app的开发方式是未来的主流趋势。
- 企业要根据自身的特点进行app开发方式的选择，不要为了混合而混合。
- 移动端开发有哪些框架
主流的：Ionic、React Native
非主流：Html5+、AppCan、Jquery Mobile（主要用于做移动Web） - 混合app Ionic （Html5+ AppCan） 需要提交到服务器上面做打包
- 原生app React Native RN
HTML5+
首先要认识Html5+联盟是什么？
HTML5中国产业联盟，简称“HTML5+联盟”，是为了更好的推进HTML5的商用、更好的为HTML5开发者服务而由产 业链主流厂商共同组成的一个联盟。
联盟致力于整合产业链资源，建立围绕HTML5开发者的生态系统，通过产业链共同为HTML5开发者服务。
W3C中国是联盟的指导单位。
CSDN 和 DCloud 是联盟的秘书处单位。Dcloud官网
- 官网地址
- Emmet语法
- 案例
- Dcloud4个核心产品
- HBuilder：是一款web开发工具。它能大幅提升开发效率，对程序员也设计了更人文关怀的UI，它包括最全面的语法库和浏览器兼容性数据。到现在 已经有两年的时间了，到现在大概有几十万的开发者在使用。
- 5+Runtime：是一个H5的增强引擎。这是一个可以去调用H5的能力和原生操作系统的产品。
- MUI框架：是高性能的前端框架，可用开发高性能App，也是目前最接近原生App效果的框架，可以有效解决HTML5原生开发中遇到的部分问题，同时体积也小。
- 流应用：会让用户感觉一点开就可以用，这也是颠覆现有的应用方式的主要因素，给最终用户去使用应用有更好的体验。
- 如果手机上安装用360手机市场的话，html5+开发的移动扫一下二维码,只需要一点点流量就能够使用了。
- Html5+的优点
- 提供了一个自定制的IDE工具，支持非常好，轻量级，甚至不需要安装直接解压缩就可以使用
- 开发出来的app的性能很好，用户体验很高
- 丰富的api支持，号称有40万+
- Html5+的缺点
- 打包比较麻烦，需要上传源码，有些公司可以不希望公开源码
- 从新学习样式
- 国产的(爱国)
AppCan
- 官网地址
首先来认识AppCan是什么？
AppCan.cn开发平台是基于HTML5技术的跨平台移动应用快速开发一体化解决方案。开发者利用HTML5+CSS3+JavaScript技术可 以快速地开发与本地应用体验相媲美的移动应用。AppCan.cn平台提供了UI快速开发框架、本地功能调用API接口、应用打包系统、IDE集成开发环 境和本地应用调试模拟器，预置数百套界面模板和数十种应用插件，提供多套应用模板。完善的框架接口，人性化的开发环境，丰富的开发资源，强大的服务支持， 使开发者可以快速迈入移动开发领域。
Jquery Mobile
- 简介
- jQuery Mobile 是一个用于创建移动端web应用的的前端框架。
Jquery Mobile是做什么的？
jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架。
jQuery Mobile 工作与所有主流的智能手机和平板电脑上：
jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上，如果您了解 jQuery，您可以很容易的学习 jQuery Mobile。
jQuery Mobile 使用了极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码来完成页面的布局渲染。
React Native 介绍
- 官网地址
- React Native
一次学习 ，多处使用
（一次打包，多处使用） React native原理图
React Native核心实现是什么？
React Native里面没有webview，这货不是Hybrid app，里面执行JS是用的 JavascriptCore。
把Native code十来个最基本核心的类（RCTDeviceEventEmitter、RCTRenderingPerf等）、或组件（RCTView、RCTTextField、RCTTextView、RCTModalFullscreenView等）封装成二十来个基本组件（Popover、Listview等）
实现了一套类似css的子集，用来解决样式问题，相当复杂和强大，靠这个才能将Native的核心组件组成JS层的基本组件再组成业务端的业务组件
在React Native中，写JS的工程师解决的是「将基本组件拼装成可用的React组件」的问题，写Native Code的工程师解决的是「提供核心组件，提供足够的扩展性、灵活性和性能」的问题。
- jsx=js+xml webpack以模块化的思想解决问题，主要是处理jsx语法转换成js语法
React Native的优点有哪些？
- 不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题。
- 有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用。
- 可以直接使用Native原生的「牛逼」动画。
- 可以通过更新远端JS，直接更新app。
现在那些公司在用React Native