小程序生命周期三段式结构口诀

文章目录

  • 一、应用大总管 [应用生命周期(App Level)]
    • 1. 冷启热启错不慌(App.onLaunch/onShow/onError)
    • 2. 切后隐身守空房(App.onHide)
    • 3. 未寻页面有担当(App.onPageNotFound)
  • 二、页面五部曲 [页面生命周期(Page Level)]
    • 1. 加载登场秀(Page.onLoad)
    • 2. 现身就绪走(Page.onShow → onReady)
    • 3. 隐身卸载收(Page.onHide → onUnload)
    • 4. 滚动下拉双截棍(onPageScroll + onPullDownRefresh)
    • 5. 触底分享稳如盾(onReachBottom + onShareAppMessage)
  • 三、组件六重奏 [组件生命周期(Component Level)]
    • 1. 出生附体初长成(created → attached)
    • 2. 就绪搬家悄无声(ready → moved)
    • 3. 离场解绑最干净(detached)
    • 4. 混入特性藏(behaviors)
    • 5. 寿数自主定(lifetimes)
    • 6. 监听永不停(observers)
  • 核心差异对比

以下是对基于应用/页面/组件三个层级独立设计,结合生命周期触发顺序和功能特性,创作的三段式结构口诀,以及每句所对应的专业解读 (结合了小程序官方文档规范说明各API的作用域与触发逻辑)。


一、应用大总管 [应用生命周期(App Level)]

1. 冷启热启错不慌(App.onLaunch/onShow/onError)

  • 冷启动App.onLaunch
    首次打开或销毁后重启时触发,全局只执行一次,用于初始化全局数据
  • 热启动App.onShow
    从后台切换至前台时触发(如扫码返回),可获取场景值来源
  • 错误拦截App.onError
    全局未捕获的脚本错误监听,用于崩溃分析

2. 切后隐身守空房(App.onHide)

  • 小程序从前台切到后台(如点击右上角胶囊退出),触发App.onHide
    常用于暂停定时器/音视频播放等后台耗能操作

3. 未寻页面有担当(App.onPageNotFou

你可能感兴趣的:(小程序,前端开发,技术面试,小程序)