微信小程序——小程序和页面生命周期详解

小程序的生命周期


小程序的生命周期主要分为以下几个阶段:

创建(onLoad)
当小程序启动时,或者从其他页面跳转到当前页面时,会触发 onLoad 生命周期函数。
这个阶段通常用于初始化页面数据,从服务器请求数据等。
显示(onShow)
页面显示/切入前台时触发。
在 onLoad 之后调用,可以用于页面刚显示时的数据初始化。
隐藏(onHide)
页面隐藏/切入后台时触发。
在这个生命周期中,你可以执行一些清理工作,比如停止定时器、暂停音频播放等。
卸载(onUnload)
页面销毁时触发。
在这个生命周期中,你需要执行一些必要的清理工作,比如清除定时器、解绑事件监听器等。
错误监听(onError)
页面发生错误时触发。
你可以使用这个生命周期函数来捕获和处理页面中的错误。
 

  onLaunch: function () {  // 小程序启动时触发  console.log('App launched');  // 可以在这里进行全局变量的初始化、网络请求的发起等  },  onShow: function () {  // 小程序启动,或从后台进入前台显示时触发  console.log('App showed');  // 可以在这里恢复之前的状态,如播放音频、重新开始定时器等  },  onHide: function () {  // 小程序从前台进入后台时触发  console.log('App hidden');  // 可以在这里进行清理工作,如暂停音频、清除定时器等  },  onError: function (msg) {  // 小程序发生错误时触发  console.error('App error:', msg);  // 可以在这里记录错误信息、进行错误处理等  },  // 其他生命周期函数...  

页面的生命周期


页面的生命周期与小程序的生命周期类似,但更侧重于描述页面内部的行为和状态。页面的生命周期主要分为以下几个阶段:

页面加载(onLoad):
页面加载时触发。
这个阶段主要用于初始化页面数据,获取页面所需的参数等。
页面显示(onShow):
页面显示/切入前台时触发。
你可以在这个生命周期函数中执行一些需要在页面显示时立即执行的操作。
页面隐藏(onHide):
页面隐藏/切入后台时触发。
在这个生命周期中,你可以执行一些清理工作,比如停止定时器、暂停动画等。
页面卸载(onUnload):
页面销毁时触发。
在这个生命周期中,你需要执行一些必要的清理工作,比如清除定时器、解绑事件监听器等。
页面更新(onReady):
页面初次渲染完成时触发。
你可以在这个生命周期函数中执行一些需要在页面渲染完成后立即执行的操作。

  onLoad: function (options) {  // 页面加载时触发  console.log('Page loaded');  // 可以从options中获取页面参数  this.setData({  // 更新页面数据  });  },  onShow: function () {  // 页面显示/切入前台时触发  console.log('Page showed');  // 可以在这里执行页面显示时需要的操作  },  onHide: function () {  // 页面隐藏/切入后台时触发  console.log('Page hidden');  // 可以在这里执行清理工作  },  onUnload: function () {  // 页面销毁时触发  console.log('Page unloaded');  // 可以在这里执行清理工作,如清除定时器、解绑事件等  },  onReady: function () {  // 页面初次渲染完成时触发  console.log('Page ready');  // 可以在这里执行页面渲染完成后的操作  },  // 其他生命周期函数...  

ヾ( ̄▽ ̄)Bye~Bye~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/792199.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解锁动态规划:从斐波那契到高效算法

动态规划(Dynamic Programming, DP)是解决优化问题的一种算法策略,它将一个复杂问题分解为更小的子问题,通过解决子问题来逐步找到复杂问题的最优解。动态规划适用于有重叠子问题和最优子结构性质的问题。接下来,我们通…

windows下使用wget批量下载银河麒麟软件仓库中的软件包——Wget for windows

1.什么是wget? wget是一个强力方便的命令行下的下载工具,可以通过HTTP和FTP协议(两种最广泛的互联网协议)从因特网中检索并获取文件。 此外,wget还具有如下特点: 以非交互方式工作,因而能够在用户注销后在后台进行工作(针对Linux command)。在缓慢甚至不稳定的连接中依…

基于SSM的药店药品商城管理系统

介绍 本项目分为前后台,分为管理员与普通用户两种角色,管理员登录后台,普通用户登录前台; 管理员角色包含以下功能: 管理员登录,订单管理,客户管理,药品管理,类目管理等功能。用户角色包含以下功能: 用户首…

pycharm打包python文件为exe文件(图文教程)

1.安装pyinstaller库 pip3 install pyinstaller 2.使用pyinstaller 打包文件 首先确保Terminal命令行中,你的路径和你的项目是同一个路径 我的项目就是放在golden_dev中的。 3.命令行内输入打包代码 pyinstaller -F -w gold_miner.py gold_miner.py 是我的项目…

【linux】Ubuntu 查询CPU、GPU、硬盘、内存等硬件信息

环境 硬件:通用PC /Jetson Xavier NX 套件 系统:Ubuntu 20.04 软件 : 获取CPU信息 在Ubuntu系统中,可以通过在终端执行以下命令来获取CPU的名称: lscpu如果需要精准查找CPU名称 、核心数、厂商可以使用 查看CPU名…

前视声呐目标识别定位(二)-目标识别定位模块

前视声呐目标识别定位(一)-基础知识 前视声呐目标识别定位(二)-目标识别定位模块 前视声呐目标识别定位(三)-部署至机器人 前视声呐目标识别定位(四)-代码解析之启动识别模块 …

[xboard]real6410-6.1 移植rootfs之busybox

文章目录 busybox下载 https://busybox.net/downloads/ [图片] wget https://busybox.net/downloads/busybox-x.yy.z.tar.bz2 tar xvf busybox-x.yy.z.tar.bz2 busybox配置编译 busybox-1.35.0$ export CROSS_COMPILE=/home/gjw/2024/compile/arm-2014.05/bin/arm-none-linux-g…

【ZZULIOJ】1033: 五级制成绩(Java)

目录 题目描述 输入 输出 样例输入 Copy 样例输出 Copy code 题目描述 给定一个百分制成绩, 请根据百分制成绩输出其对应的等级。转换关系如下: 90分及以上为’A’,80~89为’B’, 70~79为’C’, 60~69为’D’,6…

高斯消元详解

算法概述 高斯消元法是一个用来求解线性方程组的算法 那么什么是线性方程组呢? 线性:每个未知数次数都为1次方程组:多个方程,多个未知数。 (a1x1a2x2..anxnbn)x为一次的 当x是平方的时候就不是线性 简而言之就是有多个未知数&#xff…

0基础学习Mybatis系列数据库操作框架——多环境配置

大纲 配置代码参考资料 在实际开发中,我们往往会将开发环境分成:开发、测试、线上等环境。这些环境的数据源不一样,比如开发环境就不能访问线上环境,否则极容易出现线上数据污染等问题。Mybatis通过多环境配置分开定义来解决这个问…

Shell脚本之基本语法

目录 一、变量定义 变量命名规则: 变量的赋值: 只读变量: 删除变量: 二、变量的类型 自定义变量: 环境变量: 位置参数: 预定义变量: 三、键盘输入 四、数值运算 为什么…

数据结构—堆

什么是堆 堆是一种特殊的树形结构,其中每个节点都有一个值。堆可以分为两种类型:最大堆和最小堆。在最大堆中,每个节点的值都大于等于其子节点的值;而在最小堆中,每个节点的值都小于等于其子节点的值。这种特性使得堆…

RPA自动化小红书自动化写文以及发文!

1、视频演示 RPA自动化小红书自动写作发文 2、核心功能点 采集笔记:采集小红书上点赞量大于1000的爆款笔记 下载素材:下载爆款笔记的主图 爆款改写:根据爆款笔记的标题仿写新的标题以及新的文案 自动发布:将爆款笔记发布到小红…

希尔排序算法(Java实现)

1.希尔排序(Shell Sort) (1)算法思想 先追求表中元素部分有序,再逐渐逼近全局有序。先将待排序表分割成若干形如 L [ i , i d , i 2 d , . . . , i k d ] L[i,id,i2d,...,ikd] L[i,id,i2d,...,ikd]的子表&#xff…

【docker】基础背景 Windows安装docker(WSL2)

docker解释 docker作用: 使用具体例子解释,在没有docker之前,整体项目由程序员在本地编写完成之后,再把执行文件丢给运维人员。但是有问题:因为运维同学的具体环境与编码人员的环境可能不一致,所以可能在环…

Three.js——scene场景、几何体位置旋转缩放、正射投影相机、透视投影相机

个人简介 👀个人主页: 前端杂货铺 🙋‍♂️学习方向: 主攻前端方向,正逐渐往全干发展 📃个人状态: 研发工程师,现效力于中国工业软件事业 🚀人生格言: 积跬步…

第N6周:使用Word2vec实现文本分类

import torch import torch.nn as nn import torchvision from torchvision import transforms,datasets import os,PIL,pathlib,warnings #忽略警告信息 warnings.filterwarnings("ignore") # win10系统 device torch.device("cuda"if torch.cuda.is_ava…

DD3L内存芯片介绍

在数字科技迅猛发展的今天,内存芯片作为硬件的核心组件之一,扮演着至关重要的角色。而DD3L内存芯片以其卓越的性能和独特的设计,成为众多高端电子设备的不二选择。那么,DD3L内存芯片究竟如何应用,又是如何释放数字世界…

导入预览以及解决导入量大引发超时等问题

1、首选解决预览问题 由于使用的是vue3,页面与数据都是交互响应式的,所以可以通过组件或者原生的文件上传,获取到excel的sheet,从而来计算条数,页码,页数,手动实现分页逻辑,也就是把…

flex:1的作用是什么?

占满剩余的高度 <div classfather><div classson1></div><div classson2></div> </div>当给father添加display:flex之后&#xff0c;假设给son2添加flex:1&#xff0c;那么son2将会占满除son1之外的高度