前端五种跨平台技术

，版本迭代时，无论人力成本还是测试成本都会变大。

总结一下，纯原生开发主要面临动态化和开发成本两个问题，而针对这两个问题，又诞生了一些跨平台的动态化框架。

跨平台技术简介

针对原生开发面临的问题，人们一直都在努力寻找好的解决方案，然而时至今日，已经存在很多跨平台框架(注意，本书中所指的“跨平台”若无特殊说明，即特指 Android和iOS两个平台)，根据其原理，主要可分为如下三类。

• H5(HTML5)+原生( Cordova、 Tonic、微信小程序)。
• Javascript开发+原生渲染( React Native、Wex、快应用)。
• 自绘U+原生( QT Mobile、 Flutter)。

接下来，我们将逐个来了解这三类框架的原理及优缺点。

1.12 Hybrid技术简介

H5+原生混合开发

这类框架的主要原理是将APP需要动态变动的一部分内容通过H5来实现，通过原生的网页加载控件 Webview( Android)或 WK Webview(iOS)来加载(以后若无特殊说明，本书将用 Webview来统一指代 Android和iOs中的网页加载控件)。这样，H5部分就可以

随时改变而不用发版，动态化需求得到满足;同时，由于H5代码只需要一次开发，就能同时在 Android和OS两个平台上正常运行，这也可以降低开发成本，也就是说，H5部分的

功能越多，开发成本就越小。我们称这种H5+原生的开发模式为混合开发，对于采用混合模式开发的APP，我们称之为混合应用或 Hybrid APP，如果一个应用的大多数功能都是采用H5实现的话，我们称其为 Web APP。

目前混合开发框架的典型代表有 Cordova、 lonic和微信小程序，值得一提的是，微信小程序目前是在 Webview中渲染的。并非原生渲染，但将来有可能会采用原生渲染。

混合开发技术点

如之前所述，原生开发可以访间平台的所有功

（编辑：惠州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!