首页 > 编程知识 正文

uniapp生命周期函数,小程序8大生命周期

时间:2023-05-03 20:48:38 阅读:114296 作者:3061

有关详细信息,请访问https://www.cn blogs.com/fo zero/p/7868560.html

生命周期:生命周期是指从创建到销毁小程序的一系列过程

在Applet的三个生命周期applet中,applet使用app (,applet使用Page ),applet使用Component )注册组件

1. 小程序应用的生命周期

使用APP ()函数注册小程序。 接受指定applet生命周期回调等的Object参数。 App ) )必须在app.js上调用,必须调用,只能调用一次。

启动APP (on launch : function (options ) ) /监听小程序。 applet初始化完成时(全局触发一次) onshow:function(options ) /侦听applet显示。 当applet启动或从后台进入前台显示时,拦截onHide: function (()//applet的隐藏。 当小程序从前台进入后台时。on error :功能(msg ) console.log (msg )//错误侦听函数。 如果applet发生脚本错误,或者在api调用失败时触发,则会收到错误消息}。 on page not found : function (RES ) /页面上不存在监听函数。 当applet打开的页面不存在时触发,带着页面信息回调到此函数},global data : ' iamglobaldata ' } )前台、后台定义:用户单击左上角当您再次进入微信或重新打开小程序时,它也会从后台进入前台。

: APP应用程序生命周期

用户第一次打开applet并启动onLaunch方法。 全局只启动一次。 applet初始化完成后,将触发放映上的方法并监听applet的显示。 applet从前台进入后台,并触发onHide方法。 小程序从后台进入前台显示,触发现场演示方法。 小程序在后台运行一段时间,或者会占用过多的系统资源并被销毁。

的getApp ) )函数获取applet app实例。注意:

若要避免使用在App ()中定义的函数调用getApp ) ),请使用this获取App实例。 在getApp ()中检索实例后,请勿擅自调用生命周期函数。 由此可知,applet对生命周期函数的调用顺序为onLaunchonShowonHide

2. 页面的生命周期

要注册页面,请使用page (对象)函数。 接受指定页面初始数据、生命周期回调、事件处理程序等的Object类型参数。

page (数据: (/页上的初始数据text:'thisispagedata.' )、onload:function(options )//生命周期回调-监听页上的日志生命周期回调-监听页面的首次渲染完成(,onShow: function ) )//生命周期回调-显示监听页面)、onHide: function 生命周期回调---------------------------------以下不是生命周期挂接函数: onreachbottom 333 onShareAppMessage: function )//用户单击右上角进行传输)、onpagescroll:function((/页面滚动触发事件的处理函数)、onreses 页面大小更改时触发器)、ontabitemtap )//当前tab页面上单击tab时console.log(item.index ) console.log (item.pagepath ) /通过启动任何函数并在页面函数中使用this,可以访问viewTap: function () this.setdata ) text : ' setsomedataforupdatingview.' } function ()/thisissetdatacallback ) }、/任何数据、页面函数均可通过this访问customdata3360 ) hi:'mina'},从而实现小程序页面上的页面生命周期:

applet注册完成后,读取页面并触发onLoad方法。

加载页面后,将触发“放映”方法以显示页面。

第一次显示页面时,将触发onReady方法,渲染页面元素和样式,并且每页只调用一次。

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

当applet在后台进入前台运行或返回页面时,将触发“放映”方法。

使用重定向方法wx.redirectto(object )或关闭当前页面并返回上一页wx.navigateBack )时,将触发onUnload。总结

加载onLoad:页。 一个页面只调用一次。 参数可以检索wx.navigateTo和wx.redirectTo以及的查询。

将显示onShow:页。 每次打开页面时都会调用。

onReady:页的首次渲染已完成。 一个页面只调用一次,表示页面已准备就绪,可以与视图图层交互。 wx.setNavigationBarTitle等接口的设置必须在onReady之后进行设置。

隐藏onHide:页面。 在navigateTo或底部选项卡切换时调用。

卸载onUnload:页。 redirectTo或navigateBack时调用。

3 .在组件的生命周期函数小程序中,Component ) )注册组件。

组件(properties : ) imagelist: ) type:array,value:(},created ) (console.log ) created ) )。 attached () console.log ()、detached ()、console.log ()、detached ()组件脱离页面) created () ) ) detached ) )在组件离开页面节点树后触发。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。