基于 Html+css+js 的混合开发
[TOC]
关于混合开发
混合开发有多种实现方式，最简单的就是 web 网页加壳， 不过这种方式体验较差； 另外比较高级点的就是采用一些混合开发框架， 如 ionic 等； 还有就是 react native,weex 这种框架，同样是用前端代码，却能构建出 native application，极大提高了性能、兼容性。
现代的混合开发框架的选择
经过了解，现在比较流行的框架有 react native、 ionic、cordova 以及国内的 weex、wex5、mui 等，就百度、知乎以及请教前端工作的朋友等途径对它们进行了了解，初步选定了React Native，weex，ionic 以及 Mobile Angular UI。
相关数据：
| items | javascript 框架 | 界面 | 发布者 | github star |
|---|---|---|---|---|
| React Native | react | native | 49k | |
| weex | vue.js | native | alibaba | 14k |
| ionic | AngularJS | html | ionic-team | 29k |
| Mobile Angular UI | AngularJS | html | mcasimir | 2k |
从 github star 来看，无疑， react native 是最火爆的，百度指数（截止05.26）也说明了这一点。
混合开发框架，多种多样，以下从各方面进行比较。
简介
React Native
- 不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题
- React Native应用程序是一个真正的移动应用程序
- 使用React Native，您不会构建“mobile web app”，“HTML5应用”或“混合应用”。您构建一个真正的移动应用程序，与使用Objective-C或Java构建的应用程序无法区分。React Native使用与常规iOS和Android应用程序相同的基本UI构建块。您只需将这些构建块放在一起使用JavaScript和React。
weex
一套高性能、可扩展的原生应用跨平台开发方案！
- 与 Web App、HTML5 App 或 hybrid App 不同，您可以使用 Weex 构建一个真正的原生应用。更贴心的是你的代码只需使用 HTML、CSS、JavaScript 可以构建原生应用，上手非常简单。但实际上，应用的底层是 Objective-C 或 Java， 同时，Weex 提供很多 native 组件或模块供开发人员使用。
- Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。
ionic
ionic 与上面两个区别挺大，因为它是纯粹的前端框架，没有摆脱 webView.
- The top open source framework for building amazing mobile apps.
- ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
- ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
- ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。
总结
我个人比较倾向于 ReactNative 和 Weex，理由是同样以前端技能却能构建出原生app，性能和效率同时得到了保证。两者是很相似的，主要差别在于前者使用的是 reactjs，后者为 vue.js, 而两者之间，我更看好 react native，第一，比起 weex 更加 成熟，也更加热门，遇坑能更方便的解决，第二，相比 阿里，我选择 facebook。