微信小程序生命周期

微信小程序通用方法 *返回顶部 */ backTop:function(){ this.stickyFlag=false,wx.pageScrollTo({ scrollTop:0, duration:500 }); }, 阅读详情

什么是生命周期?通俗来说比如像是一个人的生老病死,换成微信小程序的角度来看就是创建、开始、暂停、唤起、停止、销毁的一个过程。

1、应用生命周期

  1. 当用户首次打开小程序,触发 onLaunch() 这个全局中只触发一次
  2. onShow() 监听小程序显示 当小程序启动,或者从后台进入前台显示,都会触发 onShow
  3. onHide () 监听小程序隐藏 当小程序从前台进入后台,会触发 onHide
App({
  onLaunch: function (options) {
    console.log("触发 onLaunch()");
  },
  onShow:function(options){
    console.log("触发 onShow()");
  },
  onHide:function(){
    console.log("触发 onHide()");
  }
  // 打印顺序
  // 触发 onLaunch()
  // 触发 onShow()
})

需要注意的是首次进入小程序或从后台切换到前台都会触发onShow(),onLaunch()及onShow()方法会返回一个参数对象, 其中包含了三个参数 , path,query和scene ,path是打开小程序的路径,query是打开小程序页面url的参数,scene是打开小程序的场景值。

场景值参考官网:场景值地址

2、页面生命周期

  1. onLoad() 页面创建时执行
  2. onShow() 页面出现在前台时执行
  3. onReady() 页面首次渲染完毕时执行
  4. onHide() 页面从前台变为后台时执行
  5. onUnload() 页面销毁时执行
  6. onPullDownRefresh() 触发下拉刷新时执行
  7. onReachBottom() 页面触底时执行
  8. onShareAppMessage() 页面被用户分享时执行
  9. onPageScroll() 页面滚动时执行
  10. onResize() 页面尺寸变化时执行

当小程序初始化完成后,页面首次加载触发onLoad,当然这个方法只会触发一次。如果后台进入到前台,先执行应用onShow方法然后再执行页面onShow方法。我们切换到后台,先执行页面onHide方法再执行应用onHide方法。
其他的一些方法我们在日常的开发中也会使用到,多看微信官方文档进行一些总结,即使不常用我们在有一些需求时也能第一时间联想到,提高开发效率!

微信小程序 ---- 生命周期 应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤,比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中,小程序也会运行被称为生命周期钩子的函数,这些函数由小程序框架本身提供,被称为生命周期函数,生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作,辅助程序员完成一些比较复杂的逻辑。让开发者有机会在特定阶段运行自己的代码。 阅读详情

相关推荐

微信小程序生命周期总结

微信小程序生命周期分类 应用生命周期 页面生命周期 组件生命周期 应用生命周期 小程序被使用和关闭就代表这个周期的开始与结束,它是入口文件(根目录下的app.js/app.vue/app.jsx)所使用的的。 (1)onLaunch:初始化小程序时触发,全局只触发一次。 官方说明:生命周期回调——监听小程序初始化。 (2)onShow:小程序初始化完成或用户从后台切换到前台时触发 官方说明...

tdmbs的博客 1048

小程序的应用生命周期、页面生命周期

小程序的应用生命周期与页面生命周期

weixin_44001906的博客 2109

微信小程序开发:微信小程序生命周期总结

通过本文关于前端开发中的微信小程序生命周期的详细介绍,不管是在实际的前端开发工作中还是在前端求职面试中都是非常关键的知识点,所以作为前端开发者来说必须要掌握它相关的内容,尤其是从事前端开发不久的开发者来说尤为重要,是一篇值得阅读的文章,重要性就不在赘述。欢迎关注,一起交流,共同进步。

全沾软贱开发攻城狮 1万+

小程序的生命周期

目录 一、生命周期的分类 二、生命周期函数的应用 1、(全局)应用的生命周期函数 2、页面的生命周期函数 3、组件的生命周期函数 一、生命周期的分类 1、应用的生命周期 指小程序从启动—>运行—>销毁的过程 2、页面的生命周期 指每个页面,从加载—>渲染—>卸载的过程 3、组件的生命周期 每个子组件,创建—>进入页面节点渲染—>被页面节点移除的过程 二、生命周期函数的应用 1、(全局)应用的生命周期函数 * 在官方文档里,框架.

slient033的博客 9256

【微信小程序】生命周期-组件生命周期

微信小程序的组件生命周期是指从组件被创建到最终销毁的整个过程。在这个过程中,组件会经历多个生命周期事件,这些事件为开发者提供了在不同阶段执行特定操作的机会。微信小程序的组件生命周期涵盖了从创建到销毁的各个阶段,通过合理利用这些生命周期事件,开发者可以更好地管理组件的状态,优化性能,提高用户体验。希望本文的内容能够帮助你更好地理解和使用微信小程序的组件生命周期。如果你有任何问题或需要进一步的帮助,请随时留言交流。😊。

墨夶的博客 1751

前端性能:微信小程序生命周期详解

在微信小程序开发中微信小程序API的使用是必备技能,但是关于微信小程序的生命周期也是首先要了解和掌握的知识点,尤其是现在的前端开发领域,关于前端的各种框架和技术都要会,而且微信小程序的语法就是JS的翻版,掌握它不在话下。了解微信小程序生命周期,对在小程序开发中的性能提升也是很有帮助的。

全沾软贱开发攻城狮 1万+

微信小程序传值

1、页面跳转传值 <button bindtap="byValueFun">点击传值</button> // 点击函数 byValueFun: function () {//点击事件 wx.navigateTo({ url: '../xxx?id=xxx'//传值 }) // 页面创建时获取数据 onLoad: function (options) { console.log('data',options) } ...

self_challenge的博客 336

【微信小程序】生命周期-页面生命周期

微信小程序的页面生命周期是指从用户进入某个页面到离开该页面的整个过程。在这个过程中,页面会经历多个生命周期事件,这些事件为开发者提供了在不同阶段执行特定操作的机会。微信小程序的页面生命周期涵盖了从加载到卸载的各个阶段,通过合理利用这些生命周期事件,开发者可以更好地管理页面的状态,优化性能,提高用户体验。希望本文的内容能够帮助你更好地理解和使用微信小程序的页面生命周期。如果你有任何问题或需要进一步的帮助,请随时留言交流。😊。

墨夶的博客 1925

微信小程序开发系列(二十七)·小程序生命周期详细介绍

一个小程序完整的生命周期由应用生命周期页面生命周期和组件生命周期三部分来组成。应用生命周期:是指应用程序进程从创建到消亡的整个过程。小程序的生命:周期指的是小程序从启动到销毁的整个过程。小程序生命周期伴随着一些函数,这些函数由小程序框架本身提供,被称为生命周期函数,生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作,辅助程序员完成一些比较复杂的逻辑。

时光の尘的博客 4745

关于三维全波电磁场仿真软件CST的安装和问题解决

百度网盘链接:https://pan.baidu.com/s/1RgWr8Qau1EzSOlh29SewFQ提取码:fzza这里是2023版本的CST,需要其他版本的uu们可以去官网或者其他人的网盘下载。

weixin_60728441的博客 3604

十大排序算法详解(一)冒泡排序、选择排序、插入排序、快速排序、希尔排序

冒泡排序、选择排序、插入排序、快速排序、希尔排序

HK的博客 18万+

微信小程序——生命周期

组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。最重要的生命周期是createdattached、detached,包含一个组件实例生命流程的最主要时间点。组件的的生命周期也可以在lifetimes字段内进行声明(这是推荐的方式,其优先级最高)created组件实例刚刚被创建时执行attached组件实例进入页面节点树时执行ready组件在视图层布局完成后执行moved组件实例被移动到节点树另一个位置时执行detached。

crazyXB的博客 4799

用STM32定时器PWM高级功能驱动步进电机:F103C8T6+TB6600实战教程

本文详细介绍了如何利用STM32F103C8T6微控制器的定时器PWM高级功能驱动TB6600步进电机驱动器,实现高效、灵活的运动控制方案。通过硬件配置、PWM参数计算、运动控制算法及TB6600高级功能应用的全面解析,为工业自动化和精密控制领域提供了实用的技术参考。

game4的博客 186

微信小程序生命周期详解

欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。同时,我们也会关注最新的前端趋势和发展动态。

欢迎来到我的前端博客!这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例,帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者,这个博客都适合你。 1155

卸载重装Ubuntu22.04双系统

先说一下写此篇文章的背景吧,我在Windows下配置了三个cornerNet深度学习环境分别是cuda10.3(显卡版本太高不支持),cuda11.3(配置后偶然看到一篇说这个版本win下只能用CPU跑),最后是cuda11.1终究还是没能跑通代码,因为它的代码是在Liunx系统写的,就想着装个Ubuntu试试看,在网上看说一般软件不要装太高版本,我就下载了470版的显卡驱动,跟着步骤升级了系统内核,结果第二天开机Ubuntu就崩了,开机黑屏左上角只有一道横杠显示,只能按ctrl+shift+f5进入命令窗

编程小白的博客 8106

multisim14.3无法访问数据库...如何解决?

🏆本文收录于 《全栈 Bug 调优(实战版)》 专栏。专栏聚焦真实项目中的各类疑难 Bug,从成因剖析 → 排查路径 → 解决方案 → 预防优化全链路拆解,形成一套可复用、可沉淀的实战知识体系。无论你是初入职场的开发者,还是负责复杂项目的资深工程师,都可以在这里构建一套属于自己的「问题诊断与性能调优」方法论,助你稳步进阶、放大技术价值 。

**My Coding Family** 4449

微信小程序的生命周期

生命周期(Life Cycle)是指一个对象从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。我们可以把每个小程序运行的过程,也概括为生命周期:小程序的启动,表示生命周期的开始小程序的关闭,表示生命周期的结束生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作。例如,页面刚加载的时候,可以在onLoad生命周期函数中初始化页面的数据。

qq_51580006的博客 3019

在Windows10上安装WSL2

WSL2是微软提供的Windows子系统,允许在Windows 10和11上运行Linux环境,提供更好的性能和兼容性。安装WSL2需要启用WSL功能、更新系统、安装WSL2内核,并设置为默认版本。之后,可以通过Microsoft Store安装Linux发行版,并使用WSL命令启动和管理它们。

howard2005的专栏 5940

【知识点】微信小程序关于生命周期那些事

此文主要介绍微信小程序生命周期相关知识✍,包括微信小程序的应用生命周⏳,微信小程序的页面生命周期⏳,微信小程序的组件生命周期⏳

程序员云阶的博客 2253

【ARM CoreLink 系列 7 -- TZC-400控制器简介】

为了确保内存能够正确识别总线的信号控制位,新增一个TrustZone地址空间控制器(TrustZone Address Space Controller,TZASC)组件来实现对内存地址的安全扩展,将内存区域划分为安全内存区域和非安全内存区域,安全世界可以访问安全内存和非安全内存,而普通世界只能访问非安全内存,如下图所示:图 1-1内存区域的划分是在系统启动时通过配置 TZASC 组件(TZC-400/TZC-380)来实现的。TZC-400由和使能情况;安全访问权限;Base地址;

CodingCos的博客 1633

LeRobot 入门教程(一)软件环境、部署流程及摄像头配置

🤖 LeRobot:开源机器人学习平台 摘要:LeRobot是一个基于PyTorch的开源机器人学习平台,提供模型、数据集和工具,旨在降低机器人技术门槛。平台包含经过验证的模仿学习和强化学习方法,并提供预训练模型、人类演示数据集及模拟环境。安装需从源码获取,支持Python 3.10环境,可选扩展包括仿真环境(如gym-aloha)、电机控制(Dynamixel/Feetech SDK)和实验跟踪(Weights & Biases)。该平台托管在HuggingFace,并设有社区Discord频道

2506_90492529的博客 3417

微信小程序——组件生命周期

查看微信小程序官网内容,请点击 小程序官方组件生命周期 一、组件生命周期 组件生命周期是组件自身的一些函数: 组件实例刚被创建好,执行created,此时还不能调用setData 在组件完全初始化完毕、进入页面节点树后,执行attached,this.data 已被初始化,绝大多数初始化工作可以在这个时机进行(这个生命周期可以做一些异步请求、数据更新) 在组件离开页面节点树后, detached 生命周期被触发。退出一个页面时,如果组件还在页面节点树中,则 detached 会被触发。 具体的写法.

weixin_42289080的博客 1万+

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

微信小程序应用生命周期、页面生命周期、组件生命周期

微信小程序框架与Vue、React类似,具有生命周期函数,这些函数在特定时期自动执行。小程序的生命周期分为应用、页面和组件三部分。应用生命周期通过App(Object)注册,包括onLaunch、onShow、onHide等函数,用于处理小程序的启动、显示、隐藏等事件。页面生命周期通过Page(Object)注册,包括onLoad、onShow、onReady等函数,用于处理页面的加载、显示、渲染等事件。组件生命周期通过Component(Object)注册,包括created、attached、ready

2301_76459194的博客 1281

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

上一篇: js判断当前浏览器是否是在移动端
下一篇: 微信小程序路由跳转
self_challenge
博客等级 码龄7年 11粉丝 37原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值