微信小程序开发|渲染层和逻辑层

渲染层和逻辑层简介

小程序的运行环境分为渲染层和逻辑层。WXML模板和WXSS样式在渲染层工作，JS脚本在逻辑层工作。

小程序的渲染层和逻辑层由两个线程管理：

渲染层的界面使用WebView进行渲染；小程序有多个接口，因此渲染层中有多个WebView线程。

逻辑层使用JsCore线程来运行JS脚本。

本机传输：这两个线程之间的通信将通过微信客户端传输（以下，本机也将用于指微信客户端），逻辑层发送的网络请求也将通过本机转发，

小程序的通信模型如下图所示。

形象

参考资源：

渲染层和逻辑层通信

逻辑层：处理后将数据发送到视图层，同时接收来自视图层的事件反馈。

渲染层：将逻辑层的数据反映到视图中，并将视图层的事件发送到逻辑层。

小程序提供自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层和逻辑层之间提供数据传输和事件系统，以便开发人员能够专注于数据和逻辑。

该框架的核心是一个响应式数据绑定系统，它可以轻松地同步数据和视图。修改数据时，只需修改逻辑层中的数据，视图层将相应更新。

用这个简单的例子

1.开发者通过框架将逻辑层数据中的名称与视图层中的名称绑定，因此打开页面时会显示Hello WeChat！；2.点击按钮时，视图层会将changeName事件发送到逻辑层，逻辑层会找到并执行相应的事件处理功能；3.触发回调函数后，逻辑层执行setData操作，将数据中的名称从微信更改为MINA。因为数据和视图层已经绑定，所以视图层将自动更改为Hello MINA！如下图所示：

形象

参考资源：

巧智科技：科技成就梦想！专注于广州、深圳和惠州的小程序、APPapp、网站和区块链钱包的定制开发！