Hybrid 架构的概念，以及怎样优化Hybrid 通信方案，提拔页面加载速率和渲染性能
1. 什么是 Hybrid 架构？Hybrid（混合）架构是指 联合 Web 技能和 Native（原生）技能 的移动应用开发模式，通常由以下部分构成：
[*] Web 部分：使用 HTML、CSS、JavaScript（或前端框架如 Vue/React）开发的页面，运行在 WebView（如 Android 的 WebView 或 iOS 的 WKWebView）中。
[*] Native 部分：使用原生语言（如 Java/Kotlin、Swift/Objective-C）开发的 App 壳，提供底层能力（如摄像头、GPS、文件系统等）。
典范 Hybrid 架构
┌───────────────────┐
│ Native App │← 提供 WebView 容器 + 原生能力
├───────────────────┤
│ WebView │← 加载 Web 页面（H5）
└───────────────────┘ Hybrid 的优势
[*] 跨平台：一套 Web 代码可运行在 iOS/Android。
[*] 动态更新：Web 页面可长途更新，无需发版。
[*] 开发效率高：前端技能栈开发速率快。
Hybrid 的劣势
[*] 性能较低：WebView 渲染性能不如原生。
[*] 通信成本：Web 和 Native 需要频繁通信（JS Bridge）。
2、Hybrid 通信方式（Native ↔ H5）
页:
[1]