构建混合移动APP应用的通用框架
什么是混合移动APP应用？
混合APP应用程序是用CSS、HTML和JavaScript编写并显示在Webview上的常见移动优化站点(基本上是简化的web浏览器)。 这样做的好处是，只需写APP，大多数情况下无需修改就可以在Android、iOS、Windows Phone上运行。 本文中描述的大多数框架都是在Cordova或PhoneGap中实现的，它提供了从JavaScript到设备API的桥梁。
本文比较了用于构建混合移动APP应用程序和本机移动APP应用程序的最常用的JavaScript框架。
Ionic
在我们列出的这些框架中，Ionic是最受欢迎的，它可能是许多开发人员的首选。 虽然可以使用框架中的CSS实现native风格的设计，但与其使用完整的Ionic，不如与AngularJS一起开发。 使用Ionic的一个主要好处是命令行交互式界面，它具有许多吸引人的功能，例如集成仿真器金额基于Cordova的app打包程序。
正面：预设组件
强大的社区
命令行界面具有许多有用的功能
消极的：复杂的开发需要理解AngularJS
Onsen UI
这是一个开源框架，可以通过组合native样式的组件来开发app。 使用起来很简单。 可以在AngularJS一起开发，也可以不用。 它有一个完整的文档，包含许多示例和布局，涵盖了最常见的app类型。 Onsen UI的一个不足之处是目前只发布了一个iOS主题，但下一个版本承诺将提供对material design (谷歌发布的设计样式)的支持。
前置：预设组件
优秀的文档。 包括了很多例子
负面：不包括PhoneGap/Cordova工具，但可以支持
不支持材质设计样式
框架7
Framework 7的酷之处在于它与框架无关(没有像Angular和React那样的外部依赖)，但是在组件和动画方面可以让app具有native的风格和体验。 开发人员可以只用HTML、CSS和JavaScript开发APP应用程序，而不会使代码变得复杂。 Framework 7不包含模拟和打包工具，因此必须与Cordova和PhoneGap一起使用。
前台：易于使用，仅依赖HTML、CSS和JavaScript
性能好
可以与任何JavaScript框架组合使用
负面：不包括PhoneGap/Cordova工具，但可以支持
React Native
正如项目名称所显示的那样，React Native的目的是构建真正的native APP。 不是构建在Webview上运行的混合模型的APP应用。 开发完全由JavaScript和React进行。 这个框架不太适合web开发的初学者，但其背后有一个巨大的社区，会在各个方面为你提供支持。 最近，这个框架还发布了安卓版。 这样就可以真正实现跨平台的APP应用开发。
正面：纳米级别的性能
巨大的社区支持
负：陡峭的学习曲线
当前的开发工具只支持OS X
jQuery Mobile
作为所有移动框架的爷爷，jQuery Mobile的目的不是让apps的外观像Android或iOS。 为了帮助开发在所有移动浏览器中都能正常工作的web apps，包括旧的Windows Phone、黑莓和Symbian。 因此，它非常轻便，只依赖于jQuery，很容易掌握。 它还提供良好的触摸识别和PhoneGap/Cordova支持。
优点：支持广泛的移动浏览器
简单易用
缺点：风格陈旧，既不像iOS，也不像安卓
不包括PhoneGap/Cordova builder，但支持
NativeScript
Native script的最大特点是用TypeScript语言描述app的功能。 只要编写一次，就生成与包括Android、iOS、Windows Phone在内的各种操作系统对应的可执行代码，打包后，APP应用程序就像本机程序一样运行，打开或运行浏览器使用这个框架确实需要一些编程技巧，但是详细详细的文档弥补了这个缺点。
优点：“写一次，到处用”的方式
强大的文档
Cons:陡峭的学习曲线
小社区
Famous
Famous切入web和移动开发的方式略有不同。 使用WebGL组合你的HTML的DOM树，将所有内容显示在一个canvas中。 就像HTML游戏引擎做的一样。 这一独特的技术允许框架以60 fps的速度执行APP。 这已经和大多数native APP一样顺畅了。 遗憾的是，这个项目目前不活跃，也没有合适的文档可供参考。
正面：纳米性能
相反，开发几乎停滞不前
文档不完整
社区不健全
摘要数据框架朴素体验依赖于社区文档工具Ionic7/10AngularJS (可选)9/108/10的强大CLI，Ionic SDK
Onsen UI6/10AngularJS (可选4/109/10Monaca Cloud IDE ) (有免费计划) ) )
框架78/10不需要HTML、CSS或JS6/108/10
react native8/10 react8/105/10 chrom的扩展工具react开发工具
jQuery Mobile3/10jQuery8/105/10无
native script8/10类型5/109/10免费CLI和其他付费选项
Famous7/10WebGL，AngularJS3/105/10无
总结
没有真正完美的框架每个人都有自己的优点和缺点，使用哪个取决于用他们做什么。