放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 前端

    • 前端 概览
    • 前端汇总

    • front 博文

    • front 项目总结

    • front 高级

    • front tools

  • vue

    • vue 概览
    • vue 汇总

    • vue 博文

    • vue 项目总结

    • vue 高级

  • html

    • html 概览
    • html 汇总

    • html 博文

  • css

    • css 概览
    • css 汇总

    • css 博文

    • sass

    • less

  • js

    • javascript 概览
    • JS 汇总

    • ES6

    • JS 博文

    • JS 工具

  • node

    • node 概览
    • node 汇总

    • node 框架

    • node 博文

  • react

    • react 概览
    • react 汇总

    • react 博文

    • react 高级

  • 微信小程序

    • 微信小程序 概览
    • 微信小程序总结
    • 微信小程序文章
    • 微信小程序 博文

      • 小程序知识点
      • 微信小程序生命周期
        • 微信小程序生命周期
          • 应用生命周期
          • 页面生命周期
          • 应用及页面生命周期的触发顺序
          • 组件生命周期
    • 微信小程序 高级

  • 微信公众号

    • 微信公众号 概览
    • 微信公众号总结
    • 微信公众号文章
  • 多端开发

    • 多端开发
    • dsbridge 概览
    • jsbridge 概览
    • webview
    • uniapp

      • uniapp 概览
    • taro

      • taro 概览
    • flutter

      • flutter 概览
      • flutter 环境搭建
    • electron

      • electron 概览
  • front
放肆青春
2021-10-29

微信小程序生命周期

# 微信小程序生命周期

后台: 点击左上角关闭,或者按了设备 Home 键离开微信,并没有直接销毁,而是进入后台 前台:再次进入微信或再次打开小程序,相当于从后台进入前台。

# 应用生命周期

  1. onLaunch 监听小程序初始化。 (初始化小程序时触发,全局只触发一次)

  2. onShow 监听小程序启动或切前台。(小程序初始化完成或用户从后台切换到前台显示时触发)

  3. onHide 用户从前台切换到后台隐藏时触发

  4. onError: 错误监听函数。(小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息)

# 页面生命周期

  1. onLoad 监听页面加载

  2. onShow 监听页面显示

  3. onReady 监听页面初次渲染完成

  4. onHide 生命周期回调—监听页面隐藏

  5. onUnload 监听页面卸载

# 应用及页面生命周期的触发顺序

  1. 首次进入小程序

先触发应用生命周期 onLaunch -> onShow 再触发页面生命周期 onLoad -> onShow -> onReady

  1. 前台切换到后台时

先触发页面生命周期中 onHide 方法,再触发应用生命周期的 onHide 方法。

  1. 后台切换到前台时

先触发应用生命周期中 onShow 方法,再触发页面生命周期的 onShow 方法。

小程序后台运行一定时间,或系统资源占用过高,会被销毁。

  1. wx.navigateTo 跳转状态下

(1)进入 A 页面:A 执行 onLoad()-->onShow()-->onReady();

(2)A 页面 navigateTo B 页面:A 执行 onHide(),B 执行 onLoad()-->onShow()-->onReady();

(3)B 页面返回 A 页面:B 执行 onUnload(),A 执行 onShow();

(4)退出 A 页面:A 执行 onUnload()。

# 组件生命周期

  1. created 在组件实例刚刚被创建时执行
  2. attached 在组件实例进入页面节点树时执行
  3. ready 在组件在视图层布局完成后执行
  4. moved 在组件实例被移动到节点树另一个位置时执行
  5. detached 在组件实例被从页面节点树移除时执行
  6. error 每当组件方法抛出错误时执行
更新时间: 2/18/2022, 8:04:58 PM
小程序知识点
微信小程序原理

← 小程序知识点 微信小程序原理→

最近更新
01
前端权限管理
02-24
02
vue2指令
02-24
03
vue2 hook
02-24
更多文章>
Theme by Vdoing | Copyright © 2019-2022 放肆青春
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式