网站首页 > 知识剖析 正文
什么是生命周期
指一个对象从创建到销毁的一系列过程,从实例创建到销毁期间伴随着各种各样的事件触发。比如Vue实例在被创建时要经过一系列的初始化过程中需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这期间Vue提供了许多生命周期函数供用户在整个Vue实例的过程时更好的控制逻辑,得到用户想要的效果。
小程序同样有着自己的生命周期函数,小程序分为应用、页面和组件三个部分,每个部分都有着相应的生命周期。很多朋友容易将小程序中的生命周期混淆,今天我们来一起认识下小程序的生命周期函数吧。
应用生命周期函数
应用生命周期函数指小程序从用户启动小程序到销毁小程序期间用来监听小程序的函数,小程序通过在app.js文件中的App(Object) 函数来指定小程序的生命周期回调函数。小程序启动会依次执行onLaunch,onShow方法,当小程序进入后台隐藏时执行onHide方法。
这里需要注意的是当用户点击右上角关闭或者按设备返回键键离开小程序,此时小程序并没有直接销毁而是进入了后台(只有小程序后台运行一定时间或系统资源占用过高才会被自动销毁),当再次进入小程序时又会从后台进入启动。
页面生命周期函数
在小程序中一个页面的加载到销毁同样是有生命周期的,页面通过在对应js文件中的Page(Object)函数来指定当前页面的生命周期回调函数。小程序加载页面会依次执行onLoad,onReady和onShow方法,而前后台切换则分别执行onHide和onShow方法,最后当页面销毁时会执行onUnload方法。
组件生命周期函数
组件的生命周期指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。组件可以在Component()构造器中定义生命周期回调函数,组件被调用时会依次执行created、attached 和ready方法,当组件被移动时执行moved方法,最后当组件销毁时会执行detached 方法。
组件所在页面的生命周期
组件中还有一个特殊的生命周期,它们并非与组件有很强的关联但有时组件需要获知以便组件内部处理。这样的生命周期称为“组件所在页面的生命周期”,可以在Component()构造器中的pageLifetimes对象中定义。
总结:
以上内容是小编给大家分享的微信小程序实战004:各种生命周期函数详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。
猜你喜欢
- 2024-11-17 Android对so体积优化的探索与实践
- 2024-11-17 JavaScript对象(javascript对象主要包括)
- 2024-11-17 前端埋点统计方案思考(前端数据埋点)
- 2024-11-17 第27节 函数、作用域及垃圾回收-Javascript-零点程序员-王唯
- 2024-11-17 微信小程序学习笔记:Page()(小程序 page)
- 2024-11-17 广州蓝景分享—搞懂js事件、事件流(捕获冒泡)、事件委托
- 2024-11-17 程序员都必掌握的前端教程之JavaScript基础教程(下)
- 2024-11-17 DOM核心内容(dom的核心部分包括)
- 2024-11-17 小程序生命周期解析(从概念、启动、运行、销毁场景的全面解析)
- 2024-11-17 微信小程序学习笔记(二)——开发之框架
- 04-29php开发者composer使用看这一篇就够了
- 04-29引用和变量声明在不同语言中的实作
- 04-29PHP 没你想的那么差
- 04-29Ubuntu linux 上的 Nginx 和 Php 安装
- 04-29CentOS下通过yum搭建lnmp(单版本PHP)
- 04-29为什么 PHP8 是个高性能版本
- 04-29PHP8函数包含文件-PHP8知识详解
- 04-29使用无参数函数进行命令执行
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)