微信小程序生命周期和页面的生命周期

小程序生命周期写在全局的app.js中
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html
在文档的框架里

onLaunch:function(){

}//必须调用也只能调用一次,但是如果小程序销毁就会重新执行。
onShow:function(){

}//每次从后台切到前台都会显示
onHide:function(){

}//小程序从前台切到后台

注意点:onHide和onShow主要是用来处理程序缓存的。小程序一般按左上角的关闭或者是点击手机上的HOME建退出的时候,它并没有注销掉。它只是从前台切换到了后台,当你再次打开微信或者微信小程序的时候它就会从后台切回到了前台,微信小程序注销的话一般在切换到后台一定的时间了或者是系统资源占用过高了,它才会注销。

onError:function(){

}//监听错误

页面的生命周期(写在局部的index.js中)

(小程序里data是一个对象,vue中data是一个函数)
data:{}//页面初始化数据 
onLoad:function(){}//页面加载完后触发,如果页面请求的数据只需要请求一次就放在这里就可以了
onShow:function(){}//监听页面显示,通常用来处理每次页面显示请求数据

页面先加载才显示。通常用来处理每次显示页面的时候都会显示数据。

onReady:function{}//监听页面初次渲染完成(了解)
onHide(){
}//监听页面隐藏,页面跳转就会触发
-----------------------------------------------------------------------
这是页面事件
onPullDownRefresh:function{}//监听用户下拉动作

onPullDownRefresh()

监听用户下拉刷新事件。

  • 需要在app.jsonwindow选项中或页面配置中开启enablePullDownRefresh
  • 可以通过wx.startPullDownRefresh触发下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。
  • 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
    写在局部的json中
"enablePullDownRefresh":ture

在全局app.js中的widow中

backgroundTextStyle搜一下这个方法有一个转圈(暂时不支持自定义的)

页面分享事件

Page({
  onShareAppMessage: function (res) {
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
  }
})

转发事件由设置了 open-type="share" 的按钮来触发

你可能感兴趣的:(微信小程序生命周期和页面的生命周期)