(十三)小程序的一生(生命周期)

143 阅读1分钟

生命周期

小程序的启动是生命周期开始,小程序关闭是生命周期结束

分类

  • 应用生命周期
    • 小程序启动->运行->销毁
  • 页面生命周期
    • 页面加载->渲染->销毁

页面生命周期范围小,应用程序范围大: image.png

生命周期函数

生命周期函数是内置函数,会伴随生命周期自动按次序执行

  • 作用:在特定的时间点制定某些特定的操作
  • 注意:生命周期强调的是时间段,生命周期函数强调的是时间点

应用生命周期函数

应用生命周期函数在app.js中声明

App({
    //小程序初始化完成执行,全局只触发一次
    onLaunch() {
        console.log('onLaunch')
    },
    //小程序启动,或后台切前台触发
    onShow() {
        console.log('onShow')
    },
    //小程序前台切后台触发
    onHide() {
        console.log('onHide')
    }
})

页面声明周期函数

应用生命周期函数在页面xxx.js中声明

Page({
  onLoad() {},//监听页面加载,一个页面调用一次
  onShow() {},//监听页面显示
  //监听页面初次渲染完成,一个页面调用一次
  onReady() {
      //动态设置当前页面的标题
      wx.setNavigationBarTitle(Object object)
  }, 
  onHide() {},//监听页面隐藏
  onUnload() {}//监听页面卸载,一个页面调用一次
})