微信小程序的生命周期有哪些?都做了哪些事情,应用场景?

131 阅读4分钟

一、应用的生命周期:

微信小程序中应用的生命周期有哪些?都做了哪些事情,应用场景?

微信小程序的应用生命周期包括以下几个阶段:

  1. onLaunch:小程序初始化时触发,只会触发一次。

    • 在这个阶段,可以进行一些全局的初始化操作,如获取用户信息、获取系统信息等。
  2. onShow:小程序启动或从后台进入前台时触发。

    • 在这个阶段,可以进行一些页面数据的更新、刷新等操作。
  3. onHide:小程序从前台进入后台时触发。

    • 在这个阶段,可以进行一些暂停或清理工作,如清除定时器、取消网络请求等。
  4. onError:小程序发生错误时触发。

    • 在这个阶段,可以进行一些错误处理、日志上报等操作。
  5. onPageNotFound:小程序页面不存在时触发。

    • 在这个阶段,可以进行一些页面不存在的处理,如跳转到其他页面、展示错误信息等。

不同的生命周期阶段适用于不同的场景和需求。例如,onLaunch可以用于小程序的初始化操作;onShow可以用于页面数据的实时更新;onHide可以用于暂停一些后台数据请求等。根据具体的业务需求,可以在不同的生命周期阶段执行相应的操作,实现更好的用户体验。

二、页面的生命周期:

微信小程序中页面的生命周期有哪些?都做了哪些事情,应用场景?

微信小程序中页面的生命周期包括以下几个阶段:

  1. onLoad:页面加载时触发,只会触发一次。

    • 在这个阶段,可以进行一些初始化的操作,如获取传入的参数、请求数据等。
  2. onShow:页面显示时触发,可能会多次触发。

    • 在这个阶段,可以进行一些页面数据的更新、刷新等操作。
  3. onReady:页面初次渲染完成时触发,只会触发一次。

    • 在这个阶段,可以进行一些操作,如操作DOM、设置定时器等。
  4. onHide:页面隐藏时触发。

    • 在这个阶段,可以进行一些暂停或清理工作,如清除定时器、取消网络请求等。
  5. onUnload:页面卸载时触发。

    • 在这个阶段,可以进行一些资源释放、清理工作,如解绑事件、释放内存等。
  6. onPullDownRefresh:下拉刷新时触发。

    • 在这个阶段,可以进行一些数据刷新、重新请求数据等操作。
  7. onReachBottom:上拉触底时触发。

    • 在这个阶段,可以进行一些加载更多数据的操作。
  8. onShareAppMessage:用户点击右上角分享时触发。

    • 在这个阶段,可以进行一些自定义分享的操作。

不同的生命周期阶段适用于不同的场景和需求。例如,onLoad可以用于页面初始化数据请求;onShow可以用于页面数据的实时更新;onReady可以用于操作DOM元素等。根据具体的业务需求,可以在不同的生命周期阶段执行相应的操作,实现更好的用户体验。

三、组件的生命周期:

微信小程序中组件的生命周期有哪些?都做了哪些事情,应用场景?

微信小程序中组件的生命周期包括以下几个阶段:

  1. created:组件实例刚刚被创建时触发,可以在这个阶段进行一些初始数据的设置。

  2. attached:组件实例被挂载到页面节点树时触发,可以在这个阶段进行一些DOM操作。

  3. ready:组件布局完成,此时可以获取节点信息,也可以进行一些操作。

  4. moved:组件实例被移动到另一个节点时触发。

  5. detached:组件实例被从页面节点树中移除时触发,可以在这个阶段进行一些资源释放的操作。

  6. error:组件在生命周期内发生错误时触发,可以在这个阶段进行错误处理。

不同的生命周期阶段适用于不同的场景和需求。例如,created可以用于初始化组件的数据;attached可以用于操作组件的DOM元素;ready可以用于获取节点信息等。根据具体的业务需求,可以在不同的生命周期阶段执行相应的操作,实现组件的功能和交互效果。