feat: add h5 develop about js bridge

Author: justsso1

.gitignore

@@ -1,3 +1,4 @@
 /articles/.obsidian
 
-.DS_Store
+.DS_Store
+.obsidian

articles/h5开发-移动端 Hybrid 开发 JSBridge 通信.md

@@ -0,0 +1,24 @@
+
+> 在  h5 开发中，除了单纯的 h5 页面开发，还有很大一部分是在原生应用中开发 h5，这就是 Hybrid  开发，我们有必要学习他和普通的 h5 开发的不同。
+
+## WebView 简单介绍
+WebView 组件是一种在应用程序中嵌入网页内容的组件，广泛应用于移动应用和桌面应用中。WebView 是一个显示网页内容的组件，它可以加载 HTML、CSS 和 JavaScript等网页资源，使得应用程序能够展示和交互网页内容。
+它的应用场景有，混合应用开发，结合原生应用和网页应用的元素，加载本地或者远程的网页资源，支持前进、后退等导航操作，允许应用程序与网页中的 JavaScript 代码进行交互。内容展示，用于展示新闻、文章、视频等内容，支持加载图片、视频等多媒体资源，可以设置安全策略，限制网页访问本地资源或执行某些操作。
+在 Android 平台，Android SDK 提供了 WebView 类，iOS SDK 提供了 WKWebView 类，用于在 iOS 应用中嵌入网页，桌面如 Electron 应用中也可以使用 WebView 组件。
+
+
+混合开发还有哪些需要注意的
+- 安全性：
+	- 由于 WebView 可以加载任意网页，因此需要特别注意安全性。常见的安全措施包括：
+		- 限制网页访问本地文件系统。
+		- 禁用或限制 JavaScript 的某些功能。
+		- 使用 HTTPS 加载网页资源，避免中间人攻击。
+- 性能优化：
+	- 由于 WebView 组件会占用较多的系统资源，因此在开发中需要注意性能优化。常见的优化措施包括：
+		- 减少网页资源的加载量。
+		- 优化网页的渲染性能。
+		- 使用缓存机制减少重复加载。
+
+
+混合开发主要是在原生应用的 WebView 或者 WKWebView 组件上开发，，在 Andriod 或者 iOS 开发中，
+JSBridge 通信