一.罕用的回调函数

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}) 更新页面数据