零基础学做网站培训介绍

当前位置:

什么是生命周期函数

以下为学做网站论坛关于“什么是生命周期函数”讲解视频教程。

什么是生命周期: 从创建到销毁的过程就叫做生命周期,生命周期函数是有作用时间的。
微信小程序 生命周期函数
1,应用生命周期
App:
App()函数用来注册一个小程序。接受一个object参数,其指定小程序的生命周期函数等。

关于小程序的退出:当用户点击小程序左上角关闭,或者按设备Home键离开微信,小程序并没有直接销毁,而是触发onHide方法进入了后台,短时间内当再次进入微信或者再次打开小程序,小程序会从后台状态进入前台,此为“热启动”。注意当小程序进入后台状态一定时间后,或者系统资源占用过高,微信会真正销毁小程序。用户第一次进入小程序或者在小程序销毁后再次进入小程序是为“冷启动”。
小程序的冷启动:小程序在冷启动时会依次触发onLaunch—>onShow
小程序的热启动:小程序在热启动时会触发onShow
小程序关闭时:即小程序从前台进入后台时触发onHide
这是小程序的生命周期,触发的是App()中的方法,实际开发中,我们往往会有多个页面,每个页面也有各自的生命周期,所以在关闭小程序时会先执行页面的生命周期函数,然后执行小程序的生命周期函数,同理在小程序启动或者有后台状态进入前台时会执行小程序的生命周期函数,然后执行页面的生命周期函数,从而打开小程序打开页面。
下面我们就先来看一下小程序page的生命周期是怎样的吧
2,页面生命周期
Page:
Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

生命周期函数
onLoad: 页面加载
一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。
onShow: 页面显示
每次打开页面都会调用一次。
onReady: 页面初次渲染完成
一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。详见生命周期
onHide: 页面隐藏
当navigateTo或底部tab切换时调用。
onUnload: 页面卸载
当redirectTo或navigateBack的时候调用。
3、应用生命周期和页面生命周期

(1)小程序初始化完成后,页面首次加载触发onLoad,只会触发一次。
(2)当小程序进入到后台,先执行页面onHide方法再执行应用onHide方法。
(3)当小程序从后台进入到前台,先执行应用onShow方法再执行页面onShow方法。
4、路由变化对页面生命周期的影响
在小程序中所有页面的路由全部由框架进行管理,框架以栈的形式维护当前的所有页面,当发生路由切换的时候,页面栈的表现如下:

对于路由的触发方式以及页面生命周期函数如下:

Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面,C 是从 A 页面打开的页面,D 页面是从 C 页面打开的页面为例):

1.1 监听页面加载
onLoad: function (options) {},
一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。
1.2 监听页面初次渲染完成
onReady: function () {},
一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
1.3 监听页面显示
onShow: function () {},
每次打开页面都会调用一次。
1.3 监听页面隐藏
onHide: function () {},
当navigateTo或底部tab切换时调用。
1.4 监听页面卸载
onUnload: function () {},
当redirectTo或navigateBack的时候调用。
微信小程序的 app.js 中 独有的 函数
2.1 监听小程序初始化
onLaunch:function () {},
当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
2.2 错误监听函数
onError:function () {},
当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 什么是生命周期函数 图文教程 (1308 次浏览)
    什么是生命周期: 从创建到销毁的过程就叫做生命周期,生命周期函数是有作用时间的。微信小程序 生命周期函数1,应用生命周期App:App()函数用
  • WordPress模板基本文件一套完整的WordPress模板应至少具有如下文件:style.css : CSS(样式表)文件index.php : 主页模板archive.php :
  • JQuery主函数怎么写 (13718 次浏览)
    JQuery主函数作用:先让整个HTML代码加载完成,再去执行JQuery代码。这样即可以保证HTML代码先期都加载,又能起到JQuery代码后置的效果。JQue
  • 学员提问:我问一个问题:我们仿站教程中是教我们放一个Hook函数到</head>标签前,这样的话我们做出来的网站源代码里面会多出来两段看不懂