学习微信小程序webview和小程序通讯

微信小程序中的`webview`组件主要用于在小程序内部嵌入网页内容，它允许开发者将部分功能通过外部网页实现，比如展示第三方服务的内容、链接到H5网站等。小程序与`webview`的通讯通常是通过`JSBridge`技术来实现的，这是一种基于事件监听和数据传递的方式：

1. **JSBridge的工作原理**：在小程序中，开发者可以调用预设的JavaScript函数，而这些函数会被封装成`wx.invoke()`或`wx.requestExternalData()`这样的API，在`webview`加载的页面中被触发，然后返回数据给小程序。

2. **通信过程**：
- 小程序向`webview`发送请求（通常是一个函数名和一些参数）。
- `webview`接收到请求后，执行相应的操作，并返回结果。
- 小程序监听到`webview`的响应，处理并更新UI。

3. **示例代码**：
- 在小程序端调用：

     wxinvoke('myFunction', { param: 'value' }, function(res) {
       console.log(res);
     });

- 在`webview`中的HTML页面中接收和处理：

     window.wx = {
       invoke: function(name, data, callback) {
         // 执行操作后，调用回调函数并将结果传回
         callback({ result: 'Operation Result' });
       }
     };