微信小程序开发图解案例教程 02 微信小程序框架分析.pptx

;微信小程序框架，是我们在进行微信小程序开发前必须理解的内容。微信小程序框架可以让开发者在微信中通过简单、高效的方式开发具有原生App体验的服务。微信小程序框架分为逻辑层和视图层，逻辑层用来处理业务逻辑，而视图层用来渲染页面。视图层描述语言WXML和视图样式WXSS，再加上JavaScript逻辑层语言和JSON配置文件，一同构筑起了微信小程序框架。本章我们一起来分析微信小程序的框架。;;2.1.1　框架全局文件;2.1.1　框架全局文件;2.1.1　框架全局文件;2.1.1　框架全局文件;2.1.1　框架全局文件;2.1.1　框架全局文件;2.1.1　框架全局文件;2.1.2　工具类文件;2.1.3　框架页面文件;2.1.4　小试牛刀：制作“猫眼电影”底部标签导航;2.1.4　小试牛刀：制作“猫眼电影”底部标签导航;2.1.4　小试牛刀：制作“猫眼电影”底部标签导航;;2.2　 微信小程序注册程序的应用;2.2　 微信小程序注册程序的应用;2.2　 微信小程序注册程序的应用;;2.3.1　页面初始化数据;2.3.2　生命周期函数;;2.3.3　页面相关事件处理函数;2.3.3　页面相关事件处理函数;2.3.3　页面相关事件处理函数;2.3.4　页面路由管理;2.3.5　自定义函数;2.3.6　setData设值函数;2.3.6　setData设值函数;;2.4.1　组件属性绑定;2.4.2　控制属性绑定;2.4.3　关键字绑定;2.4.4　运算;2.4.4　运算;2.4.5　小试牛刀：天气微信小程序;2.4.5　小试牛刀：天气微信小程序;2.4.5　小试牛刀：天气微信小程序;2.4.5　小试牛刀：天气微信小程序;2.4.5　小试牛刀：天气微信小程序;;2.5.1　wx:if判断单个组件;2.5.2　block wx:if判断多个组件;;2.6.1　wx:for列表渲染单个组件;2.6.2　block wx:for列表渲染多个组件;2.6.3　wx:key指定唯一标识符;2.6.3　wx:key指定唯一标识符;;2.7.1　定义模板;2.7.2　使用模板;;2.8.1　import引用;2.8.2　include引用;;2.9.1　模块化;2.9.2　变量与数据类型;2.9.2　变量与数据类型;2.9.2　变量与数据类型;2.9.2　变量与数据类型;2.9.2　变量与数据类型;2.9.3　注释;2.9.4　语句;2.9.4　语句;;2.10.1　尺寸单位;2.10.2　样式导入;2.10.3　内联样式;2.10.4　选择器;2.10.5　常用样式属性;2.10.5　常用样式属性;2.10.5　常用样式属性;2.10.5　常用样式属性;2.10.5　常用样式属性;2.10.5　常用样式属性;2.10.5　常??样式属性;2.10.5　常用样式属性;;2.11　 沙场大练兵：仿“香哈菜谱”微信小程序;2.11.1　底部标签导航设计;2.11.1　底部标签导航设计;2.11.1　底部标签导航设计;2.11.2　宫格导航设计;;2.11.2　宫格导航设计;2.11.2　宫格导航设计;2.11.2　宫格导航设计;2.11.3　香哈头条初始化数据;2.11.4　香哈头条列表渲染及绑定数据;2.11.4　香哈头条列表渲染及绑定数据;2.11.4　香哈头条列表渲染及绑定数据;2.11.4　香哈头条列表渲染及绑定数据;2.11.4　香哈头条列表渲染及绑定数据;2.11.5　香哈头条模板引用;2.11.5　香哈头条模板引用;;;