本文详细介绍了微信小程序的运行环境，包括小程序模型、数据驱动原理、通信模式、WebView和JsCore的使用，以及宿主环境的作用。小程序通过渲染层和逻辑层的分离，实现了数据与视图的绑定，利用数据驱动实现界面更新。通信模式中，渲染层与逻辑层的通信通过微信客户端中转。WebView用于展示网络内容，而JsCore则负责JavaScript代码的执行。
小程序模型
模型基本工作方式
数据驱动
通信模式
WebView
JsCore
宿主环境
小程序可以调用宿主环境/微信提供的微信客户端的能力，这就使得小程序比普通网页拥有更多的能力(扫一扫、摇一摇)。
小程序的运行环境分成渲染层和逻辑层， WXML 模板文件和 WXSS 样式文件工作在渲染层，JS 逻辑文件工作在逻辑层。
WXML模板使用 view 标签，其子节点用 {
{ }} 的语法绑定一个 msg 的变量
JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World”
小程序模型
面试：小程序模型
渲染层（wxml、wxss）和逻辑层（js）的分离
模型的基本工作方式
1.数据驱动：渲染层和数据相关
2.脚本逻辑：逻辑层负责产生、处理数据
3.通信模型：逻辑层通过 Page 实例的 setData 方法传递数据到渲染层
模型—数据驱动
场景：
在开发UI界面过程中，程序需要维护很多变量状态，同时要操作对应的UI
最低0.47元/天 解锁文章
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
