主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
本文带你看看微信小程序的生命周期,有哪些生命周期功能。让我们谈谈它的触发时间和它所做的事情。希望对你有帮助!
一、生命周期1。什么是生命周期?
生命周期是指一个对象从创建-》运行-》销毁的整个阶段,强调一个时间段。
2.小程序的生命周期
小程序的开始意味着生命周期的开始,小程序的关闭意味着生命周期的结束,中间运行小程序的过程就是小程序的生命周期。
应用生命周期是指从启动--》运行--》销毁小程序的过程。
页面生命周期是指在小程序中加载--》渲染--》销毁每个页面的过程。
注意:页面的生命周期范围较小,而应用程序的生命周期范围较大。
二、生命周期功能1。什么是生命周期函数?
小程序框架提供的内置功能将随着生命周期自动按顺序执行。
生命周期功能的作用:
程序员被允许在特定的生命周期时间点执行某些操作。例如,当页面刚刚加载时,在生命周期函数中会自动发起数据请求以获取当前页面的数据。注:生命周期强调时间段,而生命周期函数强调时间点。
2.应用程序的生命周期功能
App.js是Applet执行的入口文件,app()函数在app.js中只能调用一次。其中,App()函数用于注册和执行小程序。
App(Object)函数接收对象参数,通过该参数可以指定小程序的生命周期功能。
app.js中的代码
代码如下(示例):
app({/** *当小程序初始化时,将触发onLaunch(仅全局触发一次)*/onLaunch:function(){ },/** *当小程序从后台启动或显示在前台时,将触发on show */on show:function(options){ },/**当小程序从前台进入后台时,将触发on hide */on hide:function(){ },/* *当小程序出现脚本错误或api调用失败时,将触发onError并显示错误消息*/页面的生命周期。
每个小程序页面必须有自己的。js文件,并且必须调用page()函数,否则将报告错误。函数的作用是:注册applet页面。
Page(Object)函数接收对象参数,通过该参数可以指定页面的生命周期功能。
page.js
代码如下(示例):
//index.js//获取应用实例const app = getApp()页面的初始数据({ /** * page */data: {},/**生命周期函数--监听页面加载*/onLoad:Function(options){ },/** *生命周期函数--监听页面第一次渲染完成*/on ready:Function(){ },/** *生命周期函数--监听页面显示*/on show:Function(){ },/* * *生命周期函数--监听页面隐藏*/ onHide /** * Lifecycle function --监听页面卸载*/on unload:function(){ },/** *页面相关事件处理程序--监听用户的下拉操作*/onpulldownresh:function(){ },/* * *页面上底部下拉事件的处理程序*/onreachbotom:function(){ },/* * *用户点击右上角分享*/onshareappmessage:function(){ })4。 组件的整个生命周期。
组件的生命周期是什么?区别在什么时候?
生命周期参数描述已创建当组件实例刚刚创建时没有附加当组件实例进入页面节点树时没有就绪当视图层的布局完成时没有移动当组件实例移动到节点树中的另一个位置时没有分离当组件实例从页面节点树中删除时没有错误对象错误5。每当组件方法抛出错误时,就会执行组件的主要生命周期功能。
数据在哪个生命周期中初始化?
最重要的生命周期是创建、附加、分离,其中包含组件实例生命过程中最重要的时间点。
当组件实例刚刚创建时,创建的生命周期被触发。
此时无法调用SetData。通常,此生命周期只应用于向组件this添加一些自定义属性字段。在组件完全初始化并进入页面节点树后,将触发附加的生命周期。
This.data已初始化。这个生命周期非常有用,大多数初始化工作都可以在此时完成。组件离开页面节点树后,将触发分离的生命周期。
退出页面时,将触发页面中每个自定义组件的分离生命周期。如果组件仍在页面节点树中,将触发分离的生命周期。这个时候,适合做一些清洁工作。6.生存期节点
同时以两种方式声明生命周期函数,将执行哪一种?
生命周期方法可以直接在组件构造函数的第一级参数中定义,组件的生命周期也可以在生存期字段中声明(这是具有最高优先级的推荐方法)。
生存期:{ attached(){ console . log(& amp;#39;当组件实例进入页面节点树&;#39;)},detached(){ console . log(& amp;#39;当组件实例从页面节点树中删除时& # 39;)}},attached(){ console . log(& amp;#39;~ ~ ~ ~在组件实例中输入页面节点树& # 39;)},detached(){ console . log(& amp;#39;~ ~ ~ ~ ~从页面节点树中删除组件实例后& # 39;)},/* * *组件的初始数据*/data: {/rgb颜色值object _rgb: {r: 0,g: 0,b: 0 },//根据rgb对象的三个属性,动态计算fullColor的值:&;#39;0、0、0 & amp#39;}更多编程相关知识请访问:编程入门!!
这几篇文章你可能也喜欢:
- 关于小程序生命周期的简单说明(小程序appjs生命周期)
- 什么是小程序生命周期功能(小程序生命周期挂钩)
- 小程序的生命周期函数是什么(小程序生命周期函数的内容是什么)
- 先说微信小程序(微信小程序开发周期)中的生命周期(功能)
本文由主机参考刊发,转载请注明:再来说说微信小程序中的生命周期(功能)(请谈谈小程序的生命周期功能?) https://zhujicankao.com/107749.html
评论前必须登录!
注册