一.罕用的回调函数
1.1 生命周期和回调函数
- onLoad: 页面加载时触发。一个页面只会调用一次。
- onShow: 页面显示/切入时触发。
- onReady: 页面首次实现渲染时触发。一个页面只会调用一次
- onHide: 页面暗藏/切出时触发。
- onUnload: 页面卸载时触发。
页面第一次加载时的执行程序:
onLoad => onShow => onReady
- onPullDownRefresh: 监听用户下拉刷新时事件
- onReachBottom: 监听用户上拉触底事件
- onShareAppMeggage: 监听用户转发行为,并自定义转发内容
如果数据常常更新,能够把数据放在onShow中,不便加载、更新;
如果数据加载后就不再扭转,能够把数据放在onLoad中。
1.2 事件响应和视图层数据获取
- 应用
data-变量名
为组件中的变量赋值 - 应用
bindtap
监听点击事件
JS中应用event
传参以后元素, event
输入以后事件, event.currentTarget
输入以后响应的页面元素, event.currentTarget.dataset
输入该页面元素所蕴含的data-变量名
的json数据
WXML:
<button data-test="aaa" bindtap="go">确定</button>
JS:
go: function(event){ console.log(event) console.log(event.currentTarget) console.log(event.currentTarget.dataset) //输入字典 console.log(event.currentTarget.dataset.test) //输入数据 },
1.3 this关键字
this
示意以后对象的一个援用。能够用this
来拜访页面的数据或调研页面内的函数。如:this.data
: 拜访以后页面内的数据。this.func()
: 拜访以后页面内的函数。(func为js中定义的函数)在API中应用
this
,其将不会指向以后页面。须要咱们在调用api之前暂存以后的this
指向以后的this,如:var that = this
1.4 视图层数据更新
- 应用
this.setData({变量名1: 变量值1, 变量名2: 变量值2})
更新页面数据