微信小程序开发---生命周期

  • 何为生命周期
    • 小程序全局[app.js]---生命周期
    • 小程序页面[pages/pagename.js]---生命周期

何为生命周期

生命周期是指一个事物从创建到销毁的一系列过程,小程序的生命周期指小程序页面从创建到销毁的过程。

小程序全局[app.js]—生命周期

1、onLaunch 生命周期函数–监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
2、onShow 生命周期函数–监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow
3、onHide 生命周期函 并带上错误信息

小程序页面[pages/pagename.js]—生命周期

1、onLoad 生命周期函数–监听页面加载
2、onReady 生命周期函数–监听页面初次渲染完成
3、onShow 生命周期函数–监听页面显示
4、onHide 生命周期函数–监听页面隐藏
5、onUnload 生命周期函数–监听页面卸载

其中,打开小程序后会依次执行onLoad,onReady和onShow方法
前后台切换会分别执行onHide和onShow方法
当小程序页面销毁时会执行 onUnload方法

微信小程序开发---页面生命周期相关推荐

  1. 微信小程序开发之生命周期

    开发小程序过程中会涉及到小程序的生命周期,和其他app开发一样,小程序也有生命周期. 1:页面的生命周期 在初始页面:index.js中增加如图1所示代码 点击"编译"后,运行这个 ...

  2. 【微信小程序开发】生命周期与生命周期函数

    目录 一.生命周期 二.生命周期函数 三.总结 一.生命周期 (1)概念 生命周期(Life Cycle)是指一个对象从创建-->运行-->销毁的整个阶段 小程序的生命周期 小程序启动,表 ...

  3. mpvue还在维护吗_mpvue 微信小程序开发之生命周期

    最近在开发小程序,尝试性地使用了一下 mpvue 是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compile ...

  4. 微信小程序开发之生命周期详解?

    小程序分为应用和页面两个部分: 应用的生命周期. 页面的生命周期. 应用的生命周期对页面生命周期的影响. 路由变化对页面生命周期的影响 1.应用的生命周期: 属性 ------------- 类型 - ...

  5. 小程序开发.uniapp.生命周期

    小程序开发.uniapp.生命周期 [内容介绍]: uniapp中生命周期相关内容 相关文章推荐: 标题 链接 <小程序开发.概述与环境搭建> https://blog.csdn.net/ ...

  6. 微信小程序开发-页面跳转传递参数

    微信小程序开发-页面跳转传递参数 页面跳转有四种方式,分别为wx.navigateTo.wx.redirectTo.wx.reLaunch.wx.switchTab,前面三种可通过url路径携带参数实 ...

  7. 微信小程序开发页面总结-文档(ing)

    公共样式定义 /* 公共样式 */ page{height: 100%;background: #f7f7f7; } view,image,input,text,button,textarea {bo ...

  8. 微信小程序开发页面无法显示,未注册报错

    微信小程序开发 VM507 WAService.js:2 Page "pages/post/post" has not been registered yet 在对应的js文件中检 ...

  9. 微信小程序 自定义组件生命周期

    微信小程序的自定义组件生命周期函数有六个 生命周期函数 参数 描述说明 created 无 在组件实例刚被创建时执行 attached 无 在组件实例进入页面节点树时执行 ready 无 在组件在视图 ...

最新文章

  1. 周围剃光头顶留长发型_2021年发型预测:这5位中长发男神,谁才是你心中的长发代表...
  2. ant-design-pro Login 中的 UserName 和 Password 的验证规则 rules
  3. JavaScript高级部分概念用法
  4. 怎么配置网站mysql数据库_本地DZ网站如何配置本地MYSQL数据库
  5. 文献记录(part47)--KU-HAR: An open dataset for heterogeneous human activity recognition
  6. java 2 图形设计卷i awt_java 2 图形设计卷i:awt
  7. el-tooltip位置不灵活_要提高步伐移动的灵活性,注意这5点,加以改正,步伐不再沉重...
  8. pythondraw解释_科学网—Draw figures with Python - 高琳琳的博文
  9. python接口自动化是什么_Python接口自动化测试(一)什么是接口?
  10. 开启windows远程共享
  11. linux命令mysql启动,linux下启动mysql的命令
  12. 阿里云 mysql参数_阿里云MYSQL数据库怎么修改参数值?
  13. day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、 对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
  14. 一文详解 URLEncode
  15. 流量管制-令牌桶与漏桶
  16. python唐诗分析综合_Python利器之胎教《唐诗三百首》文本分析
  17. python 下的 word2vec 学习笔记
  18. Java性能优化学习2:性能优化切入点(上)
  19. 前端调用麦克风获取实时音频流和录音并上传至后台
  20. 2017TCTF RisingStar writeup

热门文章

  1. 22个国外电子商务系统
  2. H5CS3酷炫登录注册静态页面
  3. svm中拉格朗日对偶问题的推导
  4. go语言sleep一纳秒不准的思考--CPU时间片
  5. go语言一个包含nil指针的接口不是nil接口的理解
  6. 【转载】windows跳板机配置远程桌面连接
  7. 【AI视野·今日CV 计算机视觉论文速览 第217期】Thu, 10 Jun 2021
  8. 案例 网络电视精灵 c# 1614265410
  9. 作业 输出演练 1751
  10. 谷歌浏览器安装过程 0911