小程序的生命周期及运行机制

微信小程序的运行过程

在我们开发微信小程序中,最需要弄明白的就是其中的运行过程,你才能更好的进行开发

1. 第一步是app onLaunch
2. 第二部是app onShow
3. 接着是首页的onLoad
4. 下面就是onShow
5. 这里就是onReady

其中app onLaunch是当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
app onShow当小程序启动,或从后台进入前台显示触发onShow

注意：
App() 必须在 app.js 中注册，且不能注册多个。

不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。

不要在 onLaunch 的时候调用 getCurrentPage()，此时* page 还没有生成*。

通过 getApp() 获取实例之后，不要私自调用生命周期函数。

小程序注册完成后，加载页面，触发onLoad方法。

页面载入后触发onShow方法，显示页面。

首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。

当小程序后台运行或跳转到其他页面时，触发onHide方法。

当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。

当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload。

页面的周期

onLoad: 页面加载。

1)一个页面只会调用一次。
2)参数可以获取wx.navigateTo和wx.redirectTo及中的 query。

onShow: 页面显示

1)每次打开页面都会调用一次。

onReady: 页面初次渲染完成

1)一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
2)对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期

onHide: 页面隐藏

1)当navigateTo或底部tab切换时调用。

onUnload: 页面卸载

1)当redirectTo或navigateBack的时候调用。