混合开发笔记(一)

混合开发

概念:开发模式 Hybrid App (混合使用Native和Web技术开发)
优点:开发快(相较于原生)、易更新、开发周期短
缺点:性能问题(页面流畅度)、兼容性问题(浏览器web兼容)
Android 5.0+和IOS9.0+上缺点不再明显

  • 注:手机硬件和网络技术的升级,使得缺点弱化

应用场景:
微信公众号,通过JSSDK连接Native端和Web端
WebView通过JSBridge(桥接器)与Android/IOS
混合开发笔记(一)_第1张图片
微信小程序,通过内置框架连接Native和Web端
道行太浅,看不太懂,以后有经验了再细细研究吧
混合开发笔记(一)_第2张图片
学习意义:
更好的使用第三方平台
更灵活的技术方案选型
具备搭建平台和输出服务的能力

核心技术:
JSBridge 桥接器
实现Native端和Web端双向通信的一种极致
以JS引擎或者WebView容器为媒介
通过约定协议进行通信

主流技术框架:
web渲染:Cordova(前身是PhoneGap)
原生渲染:React Native、Weex
混合渲染:微信小程序

JSBridge实现原理
混合开发笔记(一)_第3张图片
类比C/S模式
将Native端原生结构封装成JS接口
将Web端JS接口封装成原生接口
实现Web和Native之间的双向通信

你可能感兴趣的:(前端,开发)