混合开发APP（HybridAPP）简单说就是将原生功能封装成JS接口，前端通过调用接口实现功能。

另外，在HybridApp、Weex、ReactNative或者Electron这些和底层打交道技术，底层通信往往需要一套协议去规范消息格式。而且，底层通信的消息长度是有限制的，所以如果要把大量的信息

前言HybridApp是指原生与前端语言相结合开发的应用，HybridApp可以运行在Android、iOS端上，不能用于PC端，称为混合类APP。

移动开发技术手段从原始的原生应用开发，到Google和Apple各自推出新的语言Kotiln、Swift，然后又发展到各种跨平台HybridApp开发，如ReactNative、Weex、小程序等等。

移动开发技术手段从原始的原生应用开发，到Google和Apple各自推出新的语言Kotiln、Swift，然后又发展到各种跨平台HybridApp开发，如ReactNative、Weex、小程序等等。

由于是HybridAPP的性质，所以web与Native的通信是无法避免的；而为什么我要封装jsBridge，主要在于下面两点：公司APP的JSBridge提供了数据的序列化和全局函数的注入，而我们这次由于包

一、WebApp、HybridApp、NativeApp简单介绍WebAppWebApp是指使用前端语言编写的可以用于多平台的应用，运行在手机或浏览器上，对手机性能要求比较高。

HybridApp概述移动端APP种类可分为三类：WebAPP（网页应用）、HybridAPP（混合应用）、NativeApp（原生应用）。

转载：https://www.jianshu.com/p/85f1710c3b32前言在以前，一直以为HybridApp开发是一种略显简单的事，不会使用太多能发挥移动端原生本身优势的复杂API，后来在新公司的工作

在研究了HybridAPP、ReactNative和Weex等技术之后，为在今年的早些时候也入了Fl

1.HybridApp1.1Hybridapp的优势Hybridapp是介于native和web之间的一种混合app，它既有native良好的用户体验和兼容性特点，又具有web跨平台和快速开发迭代的特点

WebAppWebApp是指使用HTML5编写的移动Web应用，webapp可以运行在PC、Android、iOS端等，不受限于系统，依赖于浏览器。优点：（1）前端开发语言不受限制（2）开发成本相对较低（3）版本更新快，没有限制，维护简单（4）一套代码可以多平台使用（5）能够跨多个平台和终端缺点：（1）手机原生功能调用受限（2）加载受限于网络环境，手机浏览器，手机系统等（3）较复杂的列表、样式难以

##混合开发DCLOUD实现混合开发的方式，微信公众号的二次开发，微信小程序###现有的NativeAPP、WebAPP、HybridAPP的区别APP：application应用程序，一般指移动端的应用

预加载说小了就是个提前load，说大了，就是HybridApp的最基础功能。Html5官方有个prefetch的attribute，用来做页面间的prefetch。

之前完全没有接触过移动开发，也没有接触过HybridApp，只是一枚纯纯的web前端，没想到刚进公司接到的第一个项目竟然不是传统的web，而是让我独立开发一个App，当时整个人是懵逼的，而且也没有人带，

榜单介绍排行榜包括四大类：单一框架：仅提供路由、网络层、UI层、通信层或其他单一功能的框架混合开发框架：提供开发hybridapp、h5与webview结合能力、webapp能力的框架。

（比如Android上面的开发，就是用Java开发）优势：可以离线使用，调用本地API等文件缺点：开发成本太大HybridAPP：集合了WebAPP和

导读本文作者：陆云海（微信公众号：大转转FE）发布时间：2019-03-08原文地址：https://mp.weixin.qq.com/s/x6njiJWqN-4lOJy158_UYA因为我是做HybridAPP

NativeApp（以下简称Native）和MobileWeb（以下简称Web）二者混合开发的产物被称为HybridApp（以下简称Hybrid）。

HybridApp介绍：半原生半Web的混合类App，需要下载优点：开发速度快缺点：Html5语言本身又有着不可避免的局限性，不支持访问，使用本地资源，用户体验不如原生应用Na

另一方面hybridApp开发也现在用的也越来越多了，其中native和h5之间的交互更是必不可少的。Android中是如何和H5交互的？或者说Android中是如何和JS交互的？

大概在15年下半年的时候我接触到了HybridApp。因为当时还没毕业嘛，所以并不清楚自己未来的方向，所以就投入了HybridApp的怀抱。

写在前面：由于业务需要，接触到一个HybridAPP混合开发的项目。

在开发HybridAPP时，由于HybridAPP的加载及页面切换均不及NativeAPP，会出现时间较长的空白页，这十分影响APP的体验，因此运用加载动画就成为改善体验的重要方法，而Loader.CSS

当初想着因为项目不大人力足够的并且因为团队没有移动开发经验的情况下，是不是能够是用hybridapp来代替原生来完成这个项目，经过一些技术调研之后选择了Ionic。

目前的手机APP有三类：原生APP，WebAPP，HybridApp；HybridApp结合了前两类APP各自的优点，越来越流行。

之间进行全双工通信的一座桥梁，其内部定义了一套用于js与native进行通信的规范（包括协议、方法、传参及回调等）；用途：JSBridge可以桥连js与native的通信，从而使基于容器的web开发和优化成为可能，如比较火的hybridapp

，APP支付难申请*情景再现1.hybridApp加载https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?

传统的单页面应用，基于url的hash值进行路由跳转，hybridApp的跳转原理与此不同，其原理更像是web浏览器的前进后退。在web浏览器中,使用标签作为锚点，链接到不同的页面。

开发HybridApp大部分人会选择Dcloud平台或APICluod平台。网络上也有许多的对比文章与互撕文章。在这些文章的背后还是没有准确的告诉开发者们应该如何选择。

然后随着手机的流行，webapp和hybridapp的开发，都用到了CSS3技术，在css3中，新增了许多单位，rem、v

在iOS开发HybridApp的时候，有两个WebView可以选择。UIWebView&WKWebView。这两个WebView控件，可以完全只借助iOS自带的框架进行OC&JS交互。

1、什么是跨域问题在页面中使用js访问其他网站的数据时，就会出现跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时，以及hybridapp中请求数据，浏览器会提示一下错误：XMLHttpRequestcannotloadhttp

使用AngularJS进行HybridApp开发已经有一年多时间了,这里做一个总结.一、AngularJS初始化加载流程1、浏览器载入HTML，然后把它解析成DOM。

之前一直在做HybridApp（也就是用Android或者IOS的WebView控件嵌入你的H5应用，看起来跟原生应用一样），支付这块有用到第三方的WAP支付，效果还行，就是微信这块收款不能直接跟客户的账户对接

写在前面的话2017年12月18日更新HybridApp系列文章已经清空，正在整理一个全新的系列，待续...2017年2月19日更新补上最近重新整理的HybridApp系列文章。

1.产品设计ai（作为一款非常好的图片处理工具）coredraw（平面设计软件）2.界面设计uips3.前端开发移动优先iosapp(oc/c++)Androidapp(java/c++)hybridapp

本人遇到这个问题是在ios上，项目是cordova的hybridapp，在H5和android上均正常，但是到了ios内就报了问题：（复现场景：canvas.getContext(‘2d’).toDataUrl

到目前为止，比较流行的混合app开发主要有以下三种：1、WebApp:就是在浏览器中运行的web应用2、NativeApp:用android和Object-C等原生语言开发的应用3、HybridApp:

鉴于移动终端的局限性，移动终端上的APP由本地化应用(NativeApp)，到基于WEB的应用WebApp，再到混合型应用（HybridAPP），这一连串的变化都源于技术的更新和市场的需要。

主要应用技术NodeJsCordovaIonicAngularJs在上一篇HybirdApp（一）—-第一次接触文章中，详细的介绍了现阶段手机APP的三大类，而Hybridapp结合Webapp和Nativeapp

-https://www.iamue.com/19437hybridapp

文章目录1.关于混合开发1-1.什么是混合开发1-2.流行的混合开发方案2.混合开发app的本质2-1.HybridApp混合开发app的本质2-2.什么叫做JSBridge2-3.webView3.Android

3种开发类型的原理和对比什么是混合App（HybridApp）HybridApp是指介于web-app（网页APP，如京东web）、native-app（原生应用，如手机上面的APP应用）这两者之间的app

后来就转到混合式App阵营了混合式App定义HybridApp（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具“NativeApp良好用户交互体验的优势”和“WebApp

要说为什么使用HybridApp【混合式开发】，就要先了解什么是NativeApp【原生程序】，WebApp【网站程序】。

HybridApp性能优化之路主要从两个方面讲一下首屏数据展示耗时优化和局部滚动长行列表优化首屏数据展示耗时优化1.首屏渲染的一般时序可以用如下的几个步骤：首先点击打开页面，创建webview，进行页面的加载

本文将从以下几个方面阐述Hybridapp架构设计的一些经验和思考。

目前已经有众多HybridApp开发成功应用，比如百

背景用vue+cordova做一个hybridApp，由于业务涉及的输入数据比较多，可能一个表单会包含多