描述小程序页面的pages
2017-03-09 15:58:46 0 举报AI智能生成
登录查看完整内容
1
作者其他创作
大纲/内容
描述小程序页面的 pages
page.json
page.wxss（局部样式）
尺寸单位 \u00A0
rpx（responsive pixel）
rem（root em）
样式
内联样式 sytle
外联样式
样式导入 @import
选择器
page.js
初始化数据 \u00A0data\u00A0
生命周期函数
事件处理函数
！！！setData （）函数
作用域
page.wxml
数据绑定
数据来源：WXML 中的动态数据均来自对应 Page 的 data。
语法： {{}} 双大括号
表达式
三元运算
算数运算
逻辑判断
字符串运算
数据路径运算
条件渲染
作用： 判断是否需要渲染该代码块
语法： wx:if=\"{{condition}}\"
wx:elif 和 wx:else
标签
wx:if vs hidden
列表渲染
语法：wx:for={{array}}
作用： 使用数组中各项的数据重复渲染该组件
默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item
使用 wx:for-item 可以指定数组当前元素的变量名，使用 wx:for-index 可以指定数组当前下标的变量名：
标签
渲染一个包含多节点的结构块
模板
语法：内容data
name属性作为模板的名字
调用模板：
is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入
模板拥有自己的作用域，只能使用data传入的数据。
事件
冒泡事件
bind事件
非冒泡事件
catch事件
处理函数收到一个事件对象
type
timeStamp
target（触发事件的组件）
id
tagName
dataset
currentTarget（当前组件）
detail（自定义事件）
touches（触摸事件）
changedTouches（触摸事件）
引用
import
使用目标文件定义的template
作用域 : 只能直接引用 \u00A0不能间接引用
include
将目标文件除了的整个代码引入，相当于是拷贝到include位置
0 条评论
回复 删除
下一页
