小程序应用生命周期

小程序应用生命周期

    • 生命周期介绍
    • 应用生命周期钩子函数
    • 参数对象
    • 页面生命周期
    • 页面生命周期-页面参数
    • 组件生命周期

生命周期介绍

  • 定义
    • 一个组件或者页面生老病死的过程
    • 一堆会在特定时期触发的函数
  • 分类
    • 应用生命周期
    • 页面生命周期
    • 组件生命周期

应用生命周期钩子函数

属性 说明
onLaunch 生命周期回调——监听小程序初始化。
onShow 生命周期回调——监听小程序启动或切前台。
onHide 生命周期回调——监听小程序切后台。
onError 错误监听函数。

参数对象

一般放在生命周期钩子函数的第一个参数。onLaunch钩子函数的参数对象为

小程序应用生命周期_第1张图片

页面生命周期

页面生命周期钩子函数

属性 说明
onLoad 生命周期回调—监听页面加载
onShow 生命周期回调—监听页面显示
onReady 生命周期回调—监听页面初次渲染完成
onHide 生命周期回调—监听页面隐藏
onUnload 生命周期回调—监听页面卸载
onPullDownRefresh 监听用户下拉动作
onReachBottom 页面上拉触底事件的处理函数
onShareAppMessage 用户点击右上角转发
onShareTimeline 用户点击右上角转发到朋友圈
onAddToFavorites 用户点击右上角收藏
onPageScroll 页面滚动触发事件的处理函数
onResize 页面尺寸改变时触发,详见 响应显示区域变化

页面生命周期-页面参数

页面间传递及接收参数

  • 传递:拼接到页面url中,如pages/index/index?id=10086&name=续集号

  • 接收:通过onLoad回调的第一参数。
    小程序应用生命周期_第2张图片

组件生命周期

组件生命周期钩子函数

属性 说明
created 组件生命周期函数 - 在组件实例刚刚被创建时执行,注意此时不能调用 setData )
attached 组件生命周期函数 - 在组件实例进入页面节点树时执行)
ready 组件生命周期函数 - 在组件布局完成后执行)
moved 组件生命周期函数 - 在组件实例被移动到节点树另一个位置时执行)
detached 组件生命周期函数 - 在组件实例被从页面节点树移除时执行)

你可能感兴趣的:(小程序,前端,javascript)