h5开发，原生开发，混合开发

这里做一点对h5开发，原生开发，混合开发的笔记，记一点更新一点：

一.h5开发：html，css和js编写页面和业务逻辑。

1..页面栈上，h5通过history来管理回退或者前进。vue通过配置路由，设置路由跳转，query穿参，或者params，传参使用 this.$router.push({path: '/', query: {参数名: '参数值'}) 和this.$router.push({name: '/', params: {参数名: '参数值'})。这种页面切换是直接的，当然也可以通过vue的<transition/>标签设置切换动画，在页面切换时监听路由变化给与不同的切换效果。

2.页面原理：通过class名操作dom节点

3.开发周期：h5似乎就没有这方面的限制了，随改随修，立马上线

4.交互物理设备：可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能

5.打包：只需要写一套代码就基本可以同时适应安卓和ios，打包（只用过HBuilder）到原生的安装包（Android是apk包、iOS是ipa包）里的。集成应用云端打包系统，可真机运行环境，方便开发后即时在真机上查看运行效果；没有mac电脑的开发者，他们也可以通过云打包直接打出iOS的ipa包。苹果包打包需要AppID：iOS应用标识，必须与profile文件绑定的App ID匹配。
私钥证书：iOS Certificates文件（.p12）；私钥密码：导入私钥证书的密码；Profile文件

缺点：webapp一旦断网就无法访问，但是在原生app中即使断网也可以访问原来下载好的数据，交互体验确实不如原生

优点：开发速度快

二.原生开发：比如Android是利用Java、Eclipse、Android studio；IOS是利用Objective-C 和Xcode进行开发。

1.页面切换时，原生app有自己的activity栈，在页面切换时能够将动画效果做的比较炫酷，拿Android来说是使用intent这种方式来跳转，后来出现的路由框架实际上跟h5的跳转也是一个原理，找到资源，在定位到资源上去，

2.页面原理：原生需要写一个动效函数来操作view，

3.开发周期：开发周期相比于h5长，同样的页面在安卓和ios上需要写两套代码，如果代码需要被更改，发布版本，需要等待审核，App Store最快也要1-2天吧，热补丁修复，App Store好像政策上不太允许，而h5似乎就没有这方面的限制了，随改随修，立马上线

4.交互物理设备：可访问手机所有功能（如GPS、摄像头等）、可实现功能最齐全。

5.打包需要部署xcode和Android sdk

优点：原生app因为采用的是由各移动厂商提供的SDK，基于特定的移动设备的操作系统所设计出来的，因此它的针对性强，与用户的交互体验非常好，性能很稳定

缺点：时间周期长，

三.混合App开发是未来的趋势，目前混合开发中使用的技术也很多，主要的混合开发技术有jQuery Mobile、React Native、Cordova、APICloud、AppCan等。虽然混合开发能够提高效率节省成本，但也有很多的限制，除了硬件、缓存等的限制，各大平台之间的兼容性也不足。有的也比较消耗资源