小程序6-生命周期

小程序生命周期(重要)

img

应用生命周期

在app.js中有一些系统写好的的事件

1.应用第一次启动时就会触发的事件

onLaunch(){}

应用:在应用启动时获取用户信息

2.应用被用户看到时触发(打开应用后或者打开应用再切换到其他应用再回来时都会触发)

onShow(){}

应用:对应用的数据或者页面效果进行重置更新

3应用被隐藏了

onHide(){}

应用:暂停或者清除定时器

4.应用代码发生报错时

onError(err){}

应用:在应用发生代码报错的时候,收集用户信息,通过异步请求 将错误的信息发送到后台去

5.页面找不到时的监听函数 (应用第一次启动的时候,如果找不到第一个入口页面才会触发)

onPageNotFound(){

wx.navigateTo({url:'(路径)'});}

应用:如果页面不存在 通过js的方式来重新跳转页面 重新跳到第二个首页

注:不能跳到tabbar页面 导航组件类似

页面生命周期

img

写法:

属性(on...):function(){方法体}

1.onLoad

onLoad发送异步请求来初始化页面数据

2.onShow

监听页面的显示

3.onReady

监听页面初次渲染

4.onHide

监听页面隐藏

5.onUnload

监听页面卸载(也是可以通过点击超链接的方式来演示,只要navigator中的open-type

属性含有关闭页面时都会卸载当前页面可以参考前面对超链接的学习)

6.onPullDownRefresh

监听用户下拉动作

这里要先在我们的全局配置中开启下拉刷新的功能

image-20211208163517167

应用:页面的数据 或者效果重新刷新处理

7.onReachBottom

上拉触底事件的处理函数(需要页面能够滚动才行,就是内容多)

应用:上拉加载下一页

8.onShareAppMessage

用户点击右上角分享

9.onPageScroll

页面滚动就可以触发

10.onResize

页面尺寸发生变化时触发(横屏竖屏切换)

Page(Object object) | 微信开放文档 (qq.com)

需要增加的配置看文档

响应显示区域变化 | 微信开放文档 (qq.com)

11.onTabltemTap

当前是tab页面时点击tab跳转时触发

 

posted @ 2021-12-08 17:01  Ember00  阅读(45)  评论(0)    收藏  举报