小程序生命周期

本文详细介绍了微信小程序中的生命周期函数,包括应用生命周期函数(如onLaunch,onShow,onHide等)和页面生命周期函数(如onLoad,onShow,onReady等),以及它们在不同阶段的作用和执行顺序。
摘要由CSDN通过智能技术生成

1. 生命周期函数

      是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行

2. 生命周期函数的作用

        允许程序员在特定的生命周期时间点上,执行某些特定的操作,例如:页面刚加载的时候,在生命周期函数中自动发起数据请  求,获取当前页面的数据

        注意: 小程序中的生命周期强调的是时间段,小程序中的生命周期函数强调的是时间点

3. 生命周期函数的分类

        小程序中的生命周期函数,分为两种类型:

  • 应用生命周期函数
  • 页面生命周期函数

4. 应用生命周期函数

        app.js 是小程序执行的入口文件,在app.js中必须调用 App() 函数,且只能调用一次,其中,App()函数是用于注册并执行小程序的

        App( Object ) 函数接收一个object参数,可以通过object参数,指定小程序的生命周期函数

        例如:

App({
 
    // 小程序初始化完成时,执行此函数,可以做一些初始化的工作
    onLaunch: function( options ){}
    // 小程序显示到屏幕上的时候,执行此函数
    onShow: function( options ){}
    // 小程序被最小化的时候,执行此函数
    onHide: function(){}
 
})

应用生命周期函数列表:

  • onLaunch    Function类型    生命周期回调—监听小程序初始化    小程序初始化完成时( 全局只触发一次 )
  • onShow    Function类型    生命周期回调—监听小程序显示    小程序启动,或从后台进入前台显示时
  • onHide    Function类型    生命周期回调—监听小程序隐藏    小程序从前台进入后台时

5. 页面生命周期函数

        每个小程序页面,必须拥有自己的.js文件,且必须调用Page() 函数,否则报错,其中Page() 函数用来注册

        小程序页面

        Page( object )函数接收一个object参数,可以通过这个object参数,指定页面的生命周期函数

        例如:下面的顺序就是页面生命周期函数执行的顺序,即:onLoad-->onShow-->onReady-->onHide-->onUnload

        在每个页面当中它的onHide和onShow是循环触发的

Page({
    onLoad: function( options ){},   //监听页面加载,options用来接收别的页面传递过来的参数
    onShow: function(){}, //监听页面显示
    onReady: function(){}, //监听页面初次渲染完成
    onHide: function(){}, //监听页面隐藏
    onUnload: function(){} //监听页面卸载
 
})

页面生命周期函数列表:

  • onLoad      Function类型    生命周期回调—监听页面加载
  • onShow     Function类型    生命周期回调—监听页面显示
  • onReady    Function类型    生命周期回调—监听页面的初次渲染完成
  • onHide       Function类型    生命周期回调—监听页面隐藏
  • onUnload   Function类型    生命周期回调—监听页面卸载
  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值