ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2020-03-30 17:00:55  阅读:312  来源: 互联网

标签:触发 生命周期 onShow 微信 程序 后台 页面


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

分为三个部分:

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

1.应用的生命周期

即整个小程序的生命周期

 

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

 

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

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

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

切后台:隐藏,

 

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

 

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

 

2.页面生命周期:

 

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

实验代码如图:

 

 

进入一个页面后:

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

从后台切前台进入页面:

用wx.redirectTo进入一个页面:

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

 

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

 看图说话:

 

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

 

有了以上实验后,考虑:

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

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

标签:触发,生命周期,onShow,微信,程序,后台,页面
来源: https://www.cnblogs.com/xmjs/p/12599618.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有