关于小程序云开发:小程序开发笔记微信小程序的JS基础

一. 罕用的回调函数

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