微信小程序之生命周期(四)

微信小程序生命周期分类：

应用生命周期

页面生命周期

一、应用生命周期

App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。

onLaunch
生命周期函数--监听小程序初始化
当小程序初始化完成时，会触发 onLaunch（全局只触发一次）

onShow
生命周期函数--监听小程序显示
当小程序启动，或从后台进入前台显示，会触发 onShow

onHide
生命周期函数--监听小程序隐藏
当小程序从前台进入后台，会触发 onHide

前台和后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。

用户首次打开小程序，触发 onLaunch（全局只触发一次）。
小程序初始化完成后，触发onShow方法，监听小程序显示。
小程序从前台进入后台，触发 onHide方法。
小程序从后台进入前台显示，触发 onShow方法。

App({
  onLaunch: function() { 
   console.log("onlaunch")
  },
  onShow: function() {
      console.log("onshow")
  },
  onHide: function() {
      console.log("onhide")
  },
  onError: function(msg) {
    console.log("onerror")
  }
})

二、页面生命周期

Page()函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。

onLoad
监听页面加载
onReady
监听页面初次渲染完成
onShow
监听页面显示
onHide
监听页面隐藏
onUnload
监听页面卸载

注：
onLoad: 页面加载。
一个页面只会调用一次。
参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。* onShow: 页面显示
每次打开页面都会调用一次。
onReady: 页面初次渲染完成
一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。onHide: 页面隐藏
当navigateTo或底部tab切换时调用。* onUnload: 页面卸载
当redirectTo或navigateBack的时候调用。

Page({
  data: {
    msg: "小程序"
  },
  onLoad: function(options) {
   
  },
  onReady: function() {
    
  },
  onShow: function() {
   
  },
  onHide: function() {
    
  },
  onUnload: function() {
    
  },
  onPullDownRefresh: function() {
    
  },
  onReachBottom: function() {
   
  },
  onShareAppMessage: function () {
   
  }
})

如果感觉有帮助留下一个宝贵的赞或者给小编一个赞赏！！！