混合式开发学习资源汇总

混合式开发

Hybrid App（混合模式移动应用）按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型。

React Native、Cordova、APICloud、MUI、AppCan、Sencha Touch、jQuery Mobile

原理
通过前端开发完成了不同平台的兼容。为了解决WebKit中WebGL渲染的不足，通过 XXX技术，使用JavaScript调用底层Native层对应的控件提升渲染加载效率。通过JavaScript调用Native对应的代码。

优点
1，Web端，IOS端，Android端多端复用；
2，实时热部署；
3，达到了一定程度上的热更新；

缺点
1，还未做到完全跨平台开发。还需要针对不同平台做处理；
2，未完全屏蔽Native开发。需要混合层和Native层知识，学习门槛高；
3，性能不及原生。
4，达到代码复用，还需要额外的适配工作；

Web主体型

即移动应用的主体是Web View，主要以网页语言编写，穿插Native功能的Hybrid
App开发类型。这种类型开发的移动应用体验相对而言存在缺陷，但整体开发难度大幅降低，并且基本可以实现跨平台。

React Native
React更像是一个hack的产物。

PhoneGap

• AS+phoneGap+Cordova把网站打包签名成apk

Apache Cordova
Cordova是贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。

Mobile Angular UI

Ionic
ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

单View混合型

在同一个View内，同时包括Native View和Web View。互相之间是覆盖（层叠）的关系。这种Hybrid App的开发成本较高，开发难度较大，但是体验较好。

多View混合型

即Native View和Web View独立展示，交替出现。2012年常见的Hybrid App是Native View与WebView交替的场景出现。这种应用混合逻辑相对简单。这种移动应用主体通常是Native App，Web技术只是起到补充作用。开发难度和Native App基本相当。

标题

Google Polymer
Polymer倒也真像是正经通用框架，因为它就是Web Component标准的一个polyfill，换句话说，既然Web Component还不是所有浏览器都支持，那就用JS搞一个补丁出来，让浏览器支持Web Component。
Web Component是未来标准，但是，开发者已经等不及了，其思想已经被React、Vue等框架实现了，对的，React相当于把Web Component用另一种接口实现了一遍，但是也就不能称为“标准”了。
Polymer 这个东西就是 Web Component 标准的一个 polyfill 以及附带的一些工具（数据绑定，从模板创建元素之类的）

博客

• React Native Android 从学车到补胎和成功发车经历
• 基于 React Native 的 58 同城 App 开发实践
• React Native教程
• 基于React Native的移动平台研发实践分享
• 构建React Native官方Examples
• React前端开发入门与实战
• 从Android到React Native开发（一、入门）
• React Native与Android通信交互 有很多RN相关文章推荐
• R N最新版本实现JsBundle预加载，解决白屏等待，界面秒开优化
• React Native Android白屏优化终极方案
• React Native未来导航者：react-navigation 使用详解
• 基于React Native的移动平台研发实践分享
• 要不是因为苹果，混合应用开发将完胜 Native
• 浅谈 Hybrid App
• Crosswalk Hybrid型框架
• ios WKWebView 与 JS 交互实战技巧