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