• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

页面刷新——微信小程序生命周期探索

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在做项目时,需要对页面进行刷新操作,由于官方文档生命周期图有点难懂,于是对微信小程序生命周期进行了探索,个人理解,不保证正确性:

分为三个部分:

  1. 应用的生命周期。
  2. 页面的生命周期。
  3. 应用的生命周期对页面生命周期的影响。

1.应用的生命周期

即整个小程序的生命周期

 

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

 

为方便理解我做了如下尝试:

在app.js中写下如下代码:

打开一个页面,显示如图:,

切后台:隐藏,

 

再回前台又如之前执行onLaunch和onShow;

 

因为小程序未出错,则没有执行onError;

 

2.页面生命周期:

 

  • 小程序注册完成后,加载页面,触发 onLoad 方法。
  • 页面载入后触发 onShow 方法,显示页面。
  • 首次显示页面,会触发 onReady 方法,渲染页面元素和样式,一个页面只会调用一次。
  • 当小程序后台运行或跳转到其他页面时,触发 onHide 方法。
  • 当小程序有后台进入到前台运行或重新进入页面时,触发 onShow 方法。
  • 当使用重定向方法 wx.redirectTo(OBJECT) 或关闭当前页返回上一页 wx.navigateBack(),触发 onUnload。

实验代码如图:

 

 

进入一个页面后:,

前端切后台或者其他页面,显示,

从后台切前台进入页面:,

用wx.redirectTo进入一个页面:

下面事件处理函数真机测试:

 

3.应用生命周期影响页面生命周期

 看图说话:

 

先加载小程序应用,再进行页面相关操作,页面隐藏后再执行应用隐藏。

 

有了以上实验后,考虑:

onLoad 页面加载的时候触发,只触发一次;从其他页面回来时不会触发。

onShow 页面进来,只要返回该页面就会加载;从二级页面回来时会触发的。

onReady只在初次加载页面时触发。

综上,决定把要刷新的东西放在onShow进行,只要页面重进就有刷新。

 

参考链接:https://www.jianshu.com/p/ee7c11d691c1


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序 刷新页面发布时间:2022-07-18
下一篇:
关于微信小程序返回页面时刷新页面的实现发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap