关于微信小程序的生命周期

这一段时间了解了一下微信小程序的生命周期,小程序的5个生命周期如下:

  • onLoad: 页面初始化
  • onShow: 页面显示
  • onReady: 页面渲染完成
  • onHide: 页面隐藏
  • onUnload: 页面关闭

其中只有onLoad这个函数是有变量的,变量是由跳转到当前页面的url中所有的变量组成的一个object。

这个生命周期的经历顺序举例来说是这样的,以index页面为例:

用户进入小程序: onLoad->onShow->onReady

用户点击home键回城: onHide

用户再次进入微信回到小程序: onShow

用户点击返回:onUnload

可以从官方给出的图来很好的理解。

理解了生命周期之后,在编程的时候可能会遇到这样的问题。有一个用户路径如下:

用户点击评论,进入评论页面

用户评论后提交

提交成功后跳回到上一页面

上一页面成功显示用户的评论

那么在程序中过程如下:

当在A页面,用户点击评论,新的页面B开启,A执行onHide,B执行onLoad, onShow, onReady.

用户评论后提交,B执行onUnload, A执行onShow

这个时候如果需要显示含有最新的评论应该如何做?在onShow中向后台发送request请求数据。那么会有这样的问题,当用户初始进入该页面的时候,在onLoad和onShow都会发送一次request,造成两次请求和渲染。而且在onShow中由于无法获取url中参数的内容,可能会造成发送request失败。

我的解决方案是,首先要在onLoad中将url的参数存入data中,以便onShow使用。其次是,在这种情况下需要区分onShow和onLoad发送request的时机,避免二次渲染。

假如需要在A页面显示的内容只有B页面进行操作的数据,不想要在A页面重复发送request获取一次数据,而是从B页面将信息传给A,要如何实现呢?

微信提供了一种缓存的机制,在B页面通过wx.setStorage将需要传递的信息的key和value存入。再在A页面通过wx.getStorage取出,如果不需要继续使用该信息的话则可以通过wx.removeStorage将该信息删除。

以上,就是我曾经遇到过的问题和解决方案。如有不妥或者更好的方案,希望可以给我一个机会跟您一同交流。

你可能感兴趣的:(关于微信小程序的生命周期)