简单说说小程序的生命周期?

在小程序中生命周期分为三大类

  • 应用生命周期
  • 页面生命周期
  • 组件生命周期

应用生命周期

onLaunch(){ console.log('onLaunch监听小程序初始化');}onShow(){ console.log('onShow监听小程序显示');}onHide() { console.log('onLaunch监听小程序隐藏');}

页面生命周期

onLoad(options){ console.log('onLoad监听页面加载');}onReady(){console.log('onReady监听页面初次渲染完成');}onShow(){console.log('onShow监听页面显示');}onHide(){ console.log('onHide监听页面隐藏');}onUnload() { console.log('onUnload监听页面卸载');}

组件生命周期

Component({ lifetimes:{ created(){ console.log('组件实例刚刚被创建时执行'); }, attached(){ console.log('组件实例进入页面节点树时执行'); }, ready(){ console.log('组件在视图层布局完成后执行') }, moved(){ console.log('组件实例被移动到节点树另一个位置时执行'); }, detached(){ console.log('组件实例被从页面节点树移除时执行'); }, error(){ console.log('组件方法抛出错误时执行'); } }, // 组件的生命周期比较特殊,也可以在外层直接书写, 不推荐 attached(){ // 在组件实例进入页面节点树时执行 }, ...})

执行的顺序

直接贴一张官方图来理解吧

小知识点

onLoad: 页面加载。

  • 一个页面只会调用一次。
  • 参数可以获取wx.navigateTo和wx.redirectTo及中的 query。

onShow: 页面显示

  • 每次打开页面都会调用一次。

onReady: 页面初次渲染完成

  • 一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
  • 对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。

onHide: 页面隐藏

  • 当navigateTo或底部tab切换时调用。

onUnload: 页面卸载

  • 当redirectTo或navigateBack的时候调用

小程序生命周期_来,简单说说小程序的生命周期?相关推荐

  1. python写小程序-用python写个简单的小程序,编译成exe跑在win10上

    每天的工作其实很无聊,早知道应该去IT公司闯荡的.最近的工作内容是每逢一个整点,从早7点到晚11点,去查一次客流数据,整理到表格中,上交给素未蒙面的上线,由他呈交领导查阅. 人的精力毕竟是有限的,所以 ...

  2. python程序实例教程基础-Python简单基础小程序的实例代码

    1 九九乘法表 for i in range(9):#从0循环到8 i += 1#等价于 i = i+1 for j in range(i):#从0循环到i j += 1 print(j,'*',i, ...

  3. 小程序开发代码_快速学会微信小程序开发,无需懂代码!

    现在想要制作自己的小程序的人越来越多,但大多数都不懂任何代码知识,不知该如何制作.其实随着各种第三方开发工具的出现,无需微信小程序开发源代码,小白也能顺利生成一个自己的小程序了.下面我就跟大家说下该如 ...

  4. 怎么做微信小程序商家店铺_分享商家店铺小程序制作

    1.实体店铺的老板们可以使用营业执照和法人绑定的微信免费开通一个微信商家店铺小程序. 2.使用微信小商店助手开通一个也是免费的小商店助手小程序. 3.购买成熟商城小程序系统,一般年2000元左右.商城 ...

  5. 超市小程序怎么做_分享超市微信小程序制作步骤

    超市小程序的制作非常简单,只要用对了微信小程序开发平台,即使新手也可以快速制作出超市小程序,那么超市小程序可以实现什么功能呢,不仅可以在超市小程序里边展示我们的商品,还可以展示我们的最新活动.充值活动 ...

  6. 小程序搜索框_微信怎么搜索小程序?小程序能有什么用?

    微信小程序已经发布了三年多,现在很多人在日常生活中离不开它.但是,新手经常会遇到这种情况:使用小程序后,他们找不到它:如果他们想再次使用它,他们不知道在哪里可以找到它.因此,以下内容将告诉您如何查找小 ...

  7. java 小程序 公众号_如何玩转小程序+公众号?手把手教你JeeWx小程序CMS与公众号关联...

    随着微信小程序新功能.新入口的不断更新,小程序的商业价值逐步增强,特别是小程序与公众号的深度融合,已经让小程序成为各行业新的营销渠道.Jeewx平台专注小程序的开发,逐步完善小程序生态圈,通过简单操作 ...

  8. 小程序 a标签_微慕WordPress小程序增强版V2.0新版上线

    2020年7月10日,我进行了一场微信小程序的直播,直播主题:微慕小程序增强版v2.0版新功能说明, 在直播里对微慕增强版v2.0版全面阐述了新版本增加的功能. 微慕小程序增强版定位是使用wordpr ...

  9. node.js 微信小程序 部署服务器_自行部署微信小程序生产环境(node.js)—腾讯云服务器...

    一.前期准备 购买域名 + (云)服务器 购买https证书 二.解决方案 在一台(云)服务器上,安装好运行环境(nodejs+mysql+pm2+nginx),然后通过pm2运行小程序后端项目,并在 ...

  10. 高级程序员证书_过了而立之年的程序员应该何去何从?

    时光荏苒,岁月如梭,不知不觉间,自己已然过了而立之年.没有了二十几岁的体力.精力和时间,从事程序开发工作的我越来越力不从心.对未来的不确定性和迷茫一直困扰着我,中年危机提前到来,我告诉自己,是时候对自 ...

最新文章

  1. 在vmware的Solaris虚拟机中安装vmtool
  2. OpenCV saturate_cast<uchar>函数用法(饱和剔除)(像素限制、溢出滤除、像素设限、防溢出)
  3. jQuery学习笔记系列(三)——事件注册、事件处理、事件对象、拷贝对象、多库共存、jQuery插件、toDoList综合案例
  4. error: failed to push some refs to ‘......‘解决方案
  5. 计算机桌面为什么没有语言栏了,电脑语言栏不见了有哪些解决方法
  6. oracle数据库应用中实现汉字“同音”查询(转)
  7. 杰奇win系统装Linux,杰奇小说liunx+win下关关完美运行采集方案
  8. 利用canvas的getImageData()方法制作《在线取色器》
  9. wifi信号桥怎么设置_用手机怎么桥设置桥接无线路由器?(步要祥细)
  10. VMware虚拟机安装黑群晖7.0教程
  11. 【优动漫 PAINT应用篇】绘制插画之草稿
  12. 李沐动手学深度学习v2/总结3
  13. 2021 CSDN 年度博客之星评选 TOP 100完整榜单
  14. docker基础篇--有它就够了
  15. 无心剑汉英双语诗005.《抒怀》
  16. 《数据分析思维》:分析方法与业务知识
  17. matlab倒谱法基音周期,语音学习笔记1------matlab实现自相关函数法基音周期提取...
  18. Bernstein基函数及其性质 matlab实现
  19. RabbitMQ快速入门
  20. 活动报名发布小程序源码 聚会活动报名小程序完整版前端+后台管理Think

热门文章

  1. 算法导论课后习题解析 第四章 上
  2. DB-MySQL:MySQL 事务
  3. Apache 流框架 Flink,Spark Streaming,Storm对比分析(一)
  4. WPF判断两个时间大小避免误差
  5. node 实现blog博客
  6. 75. Find Peak Element 【medium】
  7. 《转》Python学习(14)-对文件的操作(一)
  8. 常用rsync命令操作梳理
  9. 深入浅出 Java Concurrency (29): 线程池 part 2 Executor 以及Executors[转]
  10. 通过正则表达式查找一个模式的所有实例