小程序的生命周期及页面跳转方式

1.小程序的生命周期

小程序的生命周期由小程序的生命周期和页面的生命周期来构成。

1.1 小程序的生命周期

小程序的生命周期存储在app.js中。

App函数用于注册小程序，接收object类型的参数，在其中可以指定小程序的生命周期回调、全局变量等。

App({…})

onLaunch()函数

onLaunch()函数在小程序初始化完成时自动触发，全局只触发一次，其语法结构是：

App({
 onLaunch(){
	//...
 }
})

可以在onLaunch()函数内完成用户是否登录的检测以及获取用户信息等操作。

onshow()函数

onShow()方法在小程序启动或小程序从后台切入到前台时触发，其语法结构是：

App({
onShow(){
	//...
   }  
 })

onHide()函数

onHide()方法在小程序从前台切入到后台时触发，其语法结构是：

App({
onHide(){
	//...
  } 
})

1.2 页面的生命周期

页面的生命周期存储在page.js中。

Page()函数用于注册页面，其中包含在当前页面动态的数据 – data、生命周期回调、页面的事件等。

onLoad(options)

onLoad(options)函数在页面加载时触发，一个页面只触发一次，其语法结构是：

Page({
onLoad(options){
	//...
  }
 })

options参数指由链接的URL地址栏参数所形成的对象！

onshow()

onShow()函数在页面显示/切入前台时触发，其语法结构是：

Page({
onShow(){
	//...
}
})

onReady()

onReady()函数在页面初次渲染完成时触发，一个页面只会触发一次，代表页面已经准备妥当，可以与视图层进行交互，其语法结构是：

Page({
onReady(){
	//...
}
})

小程序的生命周期回调中，
先触发onShow() 即先显示静态的WXML页面，再触发
onReady()，此时可以与视图层进行交互，
这样做的目的是为了防止用户长时间面对空白页面。

onHide()

onHide()函数在页面隐藏或小程序切入到后台时触发，其语法结构是：

App({
onHide(){
	//...
}
})

小程序在切入后台时，先触发页面onHide()，再次小程序的onHide()

小程序在切入前台时，先触发小程序的onShow()，再触发页面的onShow()