小程序原生开发中的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适合进行需要在每次显示页面时执行的逻辑操作。
相关推荐
一只一只妖8 小时前
uniapp小程序无感刷新token
前端·小程序·uni-app
编程毕设9 小时前
基于小程序的智能停车管理系统设计与开发
小程序
Kelaru10 小时前
本地Qwen中医问诊小程序系统开发
python·ai·小程序·flask·project
初晨未凉12 小时前
uniapp返回webview返回小程序并且跳转回webview
小程序·uni-app
Python智慧行囊15 小时前
微信小程序交互精髓:点击操作与状态管理实战
微信小程序·小程序·交互
paopaokaka_luck1 天前
基于SpringBoot+Vue的非遗文化传承管理系统(websocket即时通讯、协同过滤算法、支付宝沙盒支付、可分享链接、功能量非常大)
java·数据库·vue.js·spring boot·后端·spring·小程序
春哥的研究所2 天前
AI人工智能名片小程序源码系统,名片小程序+分销商城+AI客服,包含完整搭建教程
人工智能·微信小程序·小程序
paopaokaka_luck2 天前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
贝格前端工场2 天前
小程序订阅消息设计:用户触达与隐私保护的平衡法则
大数据·小程序