小程序原生开发中的onLoad和onShow

在小程序的原生开发中,onLoad和onShow是两个常用的生命周期函数,用于管理页面的加载和显示。

  • onLoad:该函数会在页面加载时触发。当页面第一次加载时,它会被调用一次,之后切换到其他页面再返回时不会再触发。可以在onLoad函数中进行一些初始化操作,如获取页面的参数、设置页面的初始数据等。

    Page({
    onLoad(options) {
    console.log('页面加载');
    console.log('页面参数', options);
    }
    })

  • onShow:该函数会在页面显示/重新显示时触发。每次切换到页面时都会触发onShow,包括页面的初始化加载、从其他页面返回到当前页面等情况。可以在onShow函数中进行一些需要在每次显示页面时执行的逻辑,如刷新页面数据、更新UI等。

    Page({
    onShow() {
    console.log('页面显示');
    // 执行一些需要在每次页面显示时执行的逻辑
    }
    })

需要注意的是,当小程序从后台进入前台时也会触发onShow函数,因此如果需要处理特定的场景,可以结合onShow和App生命周期的onShow来实现。

总结:

  • onLoad触发时机:页面加载时调用一次,之后切换到其他页面再返回不会再次触发。
  • onShow触发时机:页面显示/重新显示时都会触发,包括页面的初始化加载、从其他页面返回等。
  • onLoad适合进行页面的初始化操作。
  • onShow适合进行需要在每次显示页面时执行的逻辑操作。
相关推荐
傻童:CPU30 分钟前
C语言需要掌握的基础知识点之线性表
c语言·1024程序员节
Heavy sea1 小时前
Linux串口应用编程
linux·c语言·1024程序员节
再睡一夏就好1 小时前
【C++闯关笔记】详解多态
c语言·c++·笔记·学习·语法·1024程序员节
wanglong37131 小时前
STM32单片机PWM驱动无源蜂鸣器模块C语言程序
stm32·单片机·1024程序员节
与己斗其乐无穷1 小时前
C++学习记录(22)异常
学习·1024程序员节
云雾J视界1 小时前
开关电源拓扑工程宝典:从原理到实战的深度设计指南
gan·boost·开关电源·1024程序员节·buck·拓扑电路
FinTech老王2 小时前
国产数据库MongoDB兼容性技术分析与实践对比
mongodb·1024程序员节
小雨青年2 小时前
鸿蒙 HarmonyOS 6|ArkUI(03):状态管理
华为·harmonyos·1024程序员节
墨理学AI2 小时前
Kylin Linux Advanced Server V10 上成功安装 NVIDIA Container Toolkit
1024程序员节
御承扬2 小时前
编程素养提升之EffectivePython(Builder篇)
python·设计模式·1024程序员节