小程序原生开发中的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适合进行需要在每次显示页面时执行的逻辑操作。
相关推荐
canglingyue23 分钟前
微信小程序罗盘功能开发指南
微信小程序·小程序
2501_915106324 小时前
App Store 软件上架全流程详解,iOS 应用发布步骤、uni-app 打包上传与审核要点完整指南
android·ios·小程序·https·uni-app·iphone·webview
开发加微信:hedian1166 小时前
微信推客小程序系统开发技术实践
微信·小程序
说私域9 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序在淘宝公域流量运营中的应用研究
人工智能·小程序·开源
2501_9160137410 小时前
App 上架全流程指南,iOS App 上架步骤、App Store 应用发布流程、uni-app 打包上传与审核要点详解
android·ios·小程序·https·uni-app·iphone·webview
canglingyue10 小时前
微信小程序加速计开发指南
微信小程序·小程序
SY_FC10 小时前
uniapp发布成 微信小程序 主包内 main.wxss 体积太大
微信小程序·小程序·uni-app
你很易烊千玺11 小时前
即时通讯小程序
小程序·uni-app·直播
前端小白从0开始11 小时前
小程序性能优化
小程序
2501_9159184120 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone