小程序中一个框架页面包含4个文件,同一框架页面的这4个文件必须具有相同的路径与文件名,进入小程序时或页面跳转时,小程序会根据 app.json 配置的路径找到对应的资源进行渲染。
.js文件:页面逻辑文件,必要项。
.wxml文件:页面结构文件,必要项。
.wxss文件:页面样式文件。
.json 文件:页面配置文件。
与框架主体文件相比框架页面文件多了一种页面结构文件,其余3个文件和框架主体文件的功能类同,下面我们一一讲解每个文件作用。
1、页面配置文件
页面的.json 只能配置 window 相关属性,编写时只需直接写出属性,如下所示:
2、页面逻辑文件(JavaScript)
2.1、注册页面
2.2、获取当前页面栈
2.3、事件处理函数
2.4、触发视图层渲染
2.5、页面生命周期
3、页面结构文件(WXML)
3.1、数据绑定
3.1.1、简单绑定
3.1.2、运算
3.1.3、组合
3.2、条件渲染
3.2.1、wx:if
3.2.2、block wx:if
3.2.3、wx:if 与 hidden
3.3、列表渲染
3.3.1、wx:for
3.3.2、wx:for-index 和 wx:for-item
3.4、模板
3.4.1、自定义模板
3.4.2、使用模板
3.5、事件
3.5.1、事件分类
3.5.2、事件绑定
3.5.3、事件对象
3.6、引用
3.6.1、import
3.6.2、include
4、页面样式文件(WXSS)
4.1、尺寸单位
4.2、选择器
4.3、内联样式
4.4、样式导入