美文网首页
小程序生命周期

小程序生命周期

作者: frankgo | 来源:发表于2019-02-15 20:54 被阅读17次

    页面载入后触发onShow方法,显示页面。

    首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。

    当小程序后台运行或跳转到其他页面时,触发onHide方法。

    当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法。

    当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload。

    总结:

    onLoad: 页面加载。

    1)一个页面只会调用一次。

    2)参数可以获取wx.navigateTo和wx.redirectTo及中的 query。

    onShow: 页面显示

    1)每次打开页面都会调用一次。

    onReady: 页面初次渲染完成

    1)一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

    2)对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期

    onHide: 页面隐藏

    1)当navigateTo或底部tab切换时调用。

    onUnload: 页面卸载

    1)当redirectTo或navigateBack的时候调用。

    wx.navigateTo跳转状态下,页面A和页面B的生命周期逻辑

    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()。

    相关文章

      网友评论

          本文标题:小程序生命周期

          本文链接:https://www.haomeiwen.com/subject/vatveqtx.html