逻辑模型

目录 （1）小程序模型 （2）模型基本工作方式 （3）数据驱动 （4）通信模式 （5）WebView （6）JsCore （7）宿主环境 前言 小程序可以调用宿主环境/微信提供的微信客户端的能力，这就使得小程序比普通网页拥有更多的能力(扫一扫、摇一摇)。 小程序的运行环境分成 渲染层和逻辑层 ， WXML 模板文件和 WXSS 样式文件工作在渲染层，JS 逻辑文件工作在逻辑层。 渲染案例 渲染“Hello World”案例 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World” 小程序模型 面试：小程序模型 渲染层（wxml、wxss）和逻辑层（js）的分离 模型的基本工作方式 1.数据驱动：渲染层和数据相关 2.脚本逻辑：逻辑层负责产生、处理数据 3.通信模型：逻辑层通过 Page 实例的 setData 方法传递数据到渲染层 模型—数据驱动 场景： 在开发UI界面过程中，程序需要维护很多变量状态，同时要操作对应的UI元素。随着界面越来越复杂，需要维护很多变量状态，同时要处理很多界面上的交互事件，整个程序变得越来越复杂。 通常界面视图和变量状态是相关联的，如果有某种“方法”可以让状态和视图绑定在一起（状态变更时，视图也能自动变更）

大纲 （1）小程序模型 （2）模型基本工作方式 （3）数据驱动 （4）通信模式 （5）WebView （6）JsCore （7）宿主环境 前言 小程序可以调用宿主环境/微信提供的微信客户端的能力，这就使得小程序比普通网页拥有更多的能力(扫一扫、摇一摇)。 小程序的运行环境分成渲染层和逻辑层， WXML 模板文件和 WXSS 样式文件工作在渲染层，JS 逻辑文件工作在逻辑层。 渲染案例 渲染“Hello World”案例 WXML模板使用 view 标签，其子节点用 {{ }} 的语法绑定一个 msg 的变量 JS 脚本使用 this.setData 方法把 msg 字段设置成 “Hello World” 小程序模型 面试：小程序模型 渲染层（wxml、wxss）和逻辑层（js）的分离 模型的基本工作方式 1.数据驱动：渲染层和数据相关 2.脚本逻辑：逻辑层负责产生、处理数据 3.通信模型：逻辑层通过 Page 实例的 setData 方法传递数据到渲染层 模型—数据驱动 场景： 在开发UI界面过程中，程序需要维护很多变量状态，同时要操作对应的UI元素。随着界面越来越复杂，需要维护很多变量状态，同时要处理很多界面上的交互事件，整个程序变得越来越复杂。 通常界面视图和变量状态是相关联的，如果有某种“方法”可以让状态和视图绑定在一起（状态变更时，视图也能自动变更）