首页 > 编程语言 >微信小程序--14(生命周期)

微信小程序--14(生命周期)

时间:2024-07-24 14:28:14浏览次数:11  
标签:function 生命 生命周期 14 -- 微信 程序 周期函数 页面

目录

一、生命周期

二、生命周期分类

三、生命周期函数

四、生命周期函数的分类


一、生命周期

生命周期(life cycle)指的是一个对象从创建到运行,再到销毁的整个过程,强调的是一个时间段。

比如

  • 一个人从出生到死亡的整个过程就可以叫做这个人的生命周期。
  • 小程序的从启动到关闭的整个过程叫做小程序的生命周期。

二、生命周期分类

页面生命周期:小程序从启动到运行,再到销毁的过程。(生命周期范围较小)

应用生命周期:小程序中,每个页面的加载到渲染,再到销毁的过程。(生命周期范围较大)

三、生命周期函数

生命周期函数是由小程序框架提供的内置函数,伴随着生命周期,自动按次序执行。

生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作,例如,页面在刚加载时,可以在onLoad函数中实现初始化。

注意:生命周期是一个时间段,生命周期函数是一个时间点,指某一时刻。

四、生命周期函数的分类

(一)页面生命周期函数:小程序从启动到运行,再到销毁的过程中需要调用到的那些函数。

//页面的.js文件
Page({
onLoad:function(option){},//监听页面加载,一个页面只能调用一次
onShow:function(){},//监听页面显示
onReady:function(){},//监听页面初次渲染完成,一个页面只能调用一次
onHide:function(){},//监听页面隐藏
onUnLoad:function(){}//监听页面卸载,一个页面只能调用一次
})

(二)应用生命周期函数:小程序中,每个页面的加载到渲染,再到销毁的过程中需要调用到的那些函数。

// app.js
App({

  /**
   * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
   */
  onLaunch: function () {
    console.log('onLanuch')
  },

  /**
   * 当小程序启动,或从后台进入前台显示,会触发 onShow
   */
  onShow: function (options) {
    
   console.log('onShow') 
  },

  /**
   * 当小程序从前台进入后台,会触发 onHide
   */
  onHide: function () {
    console.log('onHide')
  },

  /**
   * 当小程序发生脚本错误,或者 api 调用失败时,会触发 one rror 并带上错误信息
   */
  one rror: function (msg) {
    
  }
})

标签:function,生命,生命周期,14,--,微信,程序,周期函数,页面
From: https://blog.csdn.net/qq_57464528/article/details/140660584

相关文章

  • JAVA笔记十四
    十四、集合1.集合概述(1)集合是存储其它对象的特殊对象,可以将集合当作一个容器(2)集合的相关接口和类位于java.util包中(3)集合中的接口和类是一个整体、一个体系2.集合接口接口定义了一组抽象方法,实现该接口的类需要实现这些抽象方法,从而实现接口的类就具备了接口所规......
  • 深耕不辍 喜讯频传!鼎捷软件荣膺“新能源数字化杰出服务商”
    7月17-18日,“2024ATC新能源三电智造技术周暨卡恩奖颁奖盛典”在上海成功举办。大会聚集了新能源三电行业专家及企业代表等百余位嘉宾,聚焦新能源三电智造数字化工厂建设、AI大模型应用等核心话题,共同探讨新能源动力电池、电驱动等领域数智化发展的前沿趋势,全面展示最新技术创新......
  • python带界面实现word文档比对功能
    python实现word文档比对的功能较简单,笔者这里将其界面话,可以指定输入比对的文档,相似度,最小相似参数等。输出的结果以word的形式保存,重复部分会标出,基本实现了商业软件的功能。先看界面这里不废话了,直接给出全部源码,觉得好的点个赞。程序打包的话,自己百度。fromtkinterimp......
  • 基于web的学校仓库管理系统的设计 C#+数据库 sql server
    目录一.研究目的二.研究功能(系统所需要的功能)三.数据库设计四.实现效果展示五.留言一.研究目的  基于web的学校仓库管理系统的设计与实现在提高学校仓库管理的效率和科学性解决传统管理方式存在的问题,并实现以下目标:提高管理效率:通过引入信息化技术,实现对学校仓库......
  • 基于SSM的家政服务管理系统【附源码+文档】
    ......
  • Codeforces Round 961 (Div. 2)
    题目链接:CodeforcesRound961(Div.2)总结:B1wa两发可惜,C出得有点小慢。A.Diagonalsfag:贪心Description:给定一个n∗nn*n......
  • 基于SSM的高校课程评价系统【附源码+文档】
    ......
  • NodeJS小饰品销售管理系统-计算机毕业设计源码21597
    基于JavaScript技术的小饰品销售管理系统设计与实现摘要在当今的数字化时代,电子商务已经成为了商业领域中不可或缺的一部分。随着消费者对于购物体验的要求越来越高,一个高效、便捷、用户友好的小饰品销售管理系统显得尤为重要。本系统旨在利用JavaScript技术,设计并实现......
  • 计算机项目/基于微信小程序的食堂点餐系统的设计与实现/毕业/程序设计/管理系统
    基于微信小程序的食堂点餐系统的设计与实现摘要在互联网普及的时代里, 应用程序、软件系统都出现在我们的生活中, 这些软件应用程序每时每刻 为我们的生活提供方便。其中小程序是移动运用中既满足日常使用又具有方便快捷的特点的应用。如今 在疫情下生活的我们用尽一切去......
  • 后端开发工程师vue2初识的学习
    博客主页:音符犹如代码系列专栏:JavaWeb关注博主,后期持续更新系列文章如果有错误感谢请大家批评指出,及时修改感谢大家点赞......