小程序原生开发中的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适合进行需要在每次显示页面时执行的逻辑操作。
相关推荐
java1234_小锋30 分钟前
[免费]微信小程序音乐播放器(爬取网易云音乐数据)(node.js后端)【论文+源码】
微信小程序·小程序·node.js·音乐播放器·网易云音乐
野盒子1 小时前
前端面试题 微信小程序兼容性问题与组件适配策略
前端·javascript·面试·微信小程序·小程序·cocoa
胡斌附体2 小时前
uniapp小程序不支持动态组件问题
小程序·uni-app·if-else·动态组件·不支持·编译异常
小妖6662 小时前
uni-app 小程序 Cannot read property ‘addEventListener‘ of undefined, mounted hook
小程序·uni-app
二倍本贝4 小时前
【慧游鲁博】【12】小程序端 · 智能导览对接后端文物图片识别功能
小程序·uni-app·vue·软件工程
weixin_ab4 小时前
小程序【页面离开、页面卸载】对比区分
小程序
Maitians11 小时前
微信小程序 - 保存手机号等信息到通讯录
微信小程序·小程序
Maitians13 小时前
微信小程序 - 手机震动
微信小程序·小程序
像素之间14 小时前
在微信小程序中使用骨架屏
微信小程序·小程序
幽络源小助理20 小时前
美食推荐系统微信小程序
微信小程序·小程序·美食