本文已参与「新人创作礼」活动，一起开启掘金创作之路。
生命周期
首先小程序的生命周期函数是在app.js里面调用的，App(Object)函数用来注册一个小程序。接受一个 Object 参数，指定其小程序的生命周期回调；一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。
应用生命周期
生命周期主要指在小程序运行的过程中,所触发的监听函数以及所需要的数据
| 属性 | 说明 |
|---|---|
| onLaunch | 监听小程序的初始化 |
| onShow | 监听小程序切入前台以及启动 |
| onHide | 监听小程序切后台 |
| onError | 监听小程序整个错误函数 |
| onPageNotFound | 页面不存在的监听函数 |
页面生命周期
| 属性 | 描述 |
|---|---|
| data | 页面初始数据(Object类型) |
| onLoad | 回调监听页面加载,发送异步请求初始化页面 |
| onShow | 监听页面显示 |
| onReady | 监听页面初次渲染完成 |
| onHide | 监听页面隐藏 |
| onUnload | 监听页面关闭事件 |
| onPullDownRefresh | 监听页面下拉操作,数据重新加载,效果刷新 |
| onReachBottom | 监听页面触底上拉操作,必须有进度条,加载下一页事件 |
| onShareAppMessage | 监听用户点击右上角转发 |
| onPageScroll | 监听页面滚动 |
| onResize | 监听页面尺寸改变事件,屏幕旋转 |
| onTabitemTap | 当前是Tab时,点击当前tab页的事件 |
具体细节
-
程序启动时 第一执行onLauch函数——当小程序初始化完成时，会触发 onLaunch（全局只触发一次） 第二执行onShow函数——当小程序启动，或从后台进入前台显示，会触发 onShow
-
当点击“后台”时，会触发以下函数 onHide函数——当小程序从前台进入后台，会触发 onHide 当点击“前台”时，就会再次触发onShow函数
-
onLoad: 页面加载
一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。
而onShow: 页面显示
每次打开页面都会调用一次。
