混合式开发学习资源汇总

混合式开发

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 交互实战技巧