onShow执行顺序以及和onHide的对比

于 2024-09-04 19:04:48 发布
阅读量421 收藏 2
点赞数 15
文章标签： 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65941214/article/details/141895930
版权

onshow的介绍

onShow方法是在小程序启动或从后台进入前台时触发的方法。onShow方法的主要作用是监听用户的行为并做出相应的响应，比如在小程序启动时展示欢迎页、在用户进入小程序时更新数据等。开发者可以通过重写onShow方法来编写自己的业务逻辑。

onshow的顺序

进页面的话是先走onload，onshow只要离开页面再回来就会触发了，而onReady不会重复的去触发

如图单第一次访问或者是通过标签回去再过来就会重新执行所有函数

onHide介绍

onHide 在页面隐藏时触发，例如用户切换到其他应用或手机桌面。通常用于在页面隐藏时执行一些清理操作或停止一些在前台时执行的任务。可以释放资源、停止动画或计时器等，以提高应用性能。

onHide的使用

就是说一个后台的运行，如果说打开一个新的的话就会重新计数

先执行的是app的生命周期

函数执行顺序

高兴蛋炒饭
关注
  • 15
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提升小程序性能和体验
han_calligrapher的博客
12-24 1303
背景：首页作为小程序的门户，其性能表现和用户留存率息息相关。因此，我们可以从加载、渲染和感知体验几大维度深挖小程序的性能可塑性。 小程序官方性能指标 小程序官方针对小程序性能表现制订了权威的数值指标，主要围绕渲染表现、setData数据量、元素节点数和网络请求延时这几个维度来给予定义（下面只列出部分关键指标）： 首屏时间不超过 5 秒； 渲染时间不超过 500ms； 每秒调用setData的次数不超过 20 次； setData的数据在JSON.stringify后不超过 2...
uniapp的生命周期及其和vue生命周期的对比
y01269的博客
08-07 353
created:示例被创建后执行->beforeMount:实例被挂在之前执行->mounted:实例挂在完成后执行->updated:页面更新后执行->beforeDestroy:页面销毁前执行。onLoad:监听页面在->onShow：监听页面显示->onReady:监听页面初次渲染完成->onHide:监听隐藏->onUnload:监听页面卸载。加载->显示->加载完成->页面隐藏->页面卸载。uni-app页面生命周期与vue生命周期对比。uni-app部分页面的生命周期。
react 和 小程序 对比
Delicia_Lani的博客
10-26 775
目录 生命周期 数据绑定 列表渲染 显示与隐藏元素 事件处理 数据双向绑定 给事件绑定传参 父子组件通信 要从以下几个方面对比下react和微信小程序 生命周期 react 小程序 onLoad: 页面加载时触发。一个页面只会调用一次，可以在onload的参数options中获取打开当前页面路径中的参数。 onReady: 页面初次渲染完成时触发。一个页面只会调用一...
uniappVue3版本中组件生命周期和页面生命周期的详细介绍
qq_18798149的博客
01-05 6807
生命周期有多重叫法，有叫生命周期函数的，也有叫生命周期钩子的，还有钩子函数的，其实都是代表，在 Vue 实例创建、更新和销毁的不同阶段触发的一组钩子函数，这些生命周期函数允许开发者在不同阶段对 Vue 实例进行操作，以便执行特定的逻辑或清理工作。
前端中常见概念对比
羞羞滴小朋友
08-05 429
记录前端学习过程遇到的相似的概念
前端面试知识点纪要（2024）
m0_55336994的博客
03-27 1045
自己面试后总结的面试题，重点是js,ts,移动端
前端面试题个人总结（根据个人面试情况更新）
sy_strive的博客
04-27 720
Ⅰ、uniapp 应用的生命周期、页面的生命周期onLaunch——当uni-app 初始化完成时（全局只触发一次）onShow——当 uni-app 启动时，或从后台进入前台显示onHide——当 uni-app 退出时（从前台进入后台）onError——当 uni-app 报错时页面的生命周期onLoad——监听页面加载onShow——监听页面显示onReady——监听页面渲染onHide——监听页面隐藏onUnload——监听页面卸载Ⅱ、uni-app的跳转()使用。
组件生命周期与页面生命周期个人理解
m0_57571235的博客
05-31 454
1.组件生命周期 组件生命周期指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。 created 组件实例刚刚被创建时执行 attached 在组件实例进入页面节点时执行 ready 在组件在视图布局完成后执行 moved 在组件实例被从页面节点移除时执行 error 每当组件方法抛出错误时执行 lifetimes函数优先级最高 没有lifetimes函数是定义在Component构造器的第一级参数中 2.页面生命周期 生命周期函数 onLoad 当
【微信小程序实战教程】之微信小程序原生开发详解
柯晓楠
07-24 2211
在实际的项目开发中，小程序的内置组件不一定能满足所有的需求，为了实现更高效的代码复用，小程序还允许开发者自行扩充组件，这些由开发者自行设计的组件被称为自定义组件。在小程序中，每个组件都具有独立的逻辑空间，分别拥有自己的独立数据和setData方法调用。在使用自定义组件的小程序页面中，Exparser框架将接管所有的自定义组件注册和实例化。小程序的基础库中提供了Page和Component两个构造器，自定义组件使用的是Component构造器。
vue2 以及小程序面试题文档，帮助你快速了解，vue2框架以及小程序的核心
03-15
5. 小程序生命周期函数：onLoad、onShow、onHide、onUnload等，用于处理页面加载、显示、隐藏等。 6. 下拉刷新：onPullDownRefresh，实现下拉时更新页面内容。 7. 数据传递方法：如props、事件、全局变量等。 8. wx....
微信小程序开发-汽车参数销售案例源码.zip
12-12
开发者需了解这些方法的执行顺序，以便在合适的时间进行数据加载和界面更新。 9. **微信支付集成**： 如果案例中包含购买功能，那么很可能涉及到微信支付接口的集成。开发者需要注册商户号，获取支付密钥，然后...
vc++经典技巧总结
热门推荐
尹成的技术博客
12-31 4万+
  1．"属性页的添加：创建对话框的类，该类要从CpropertyPage继承；然后在要添加该对话框为属性页的类(头文件)里创建CpropertySheet类的一个对象m_tabsheet和新创建的对话框类的对象m_skatch；最后，在.cpp文件里的OnInitDialog()之类的函数里实现如下代码：m_tabsheet.Create(this, WS_CHILD | WS_VISIBL
利用Streamlit前端框架开发Stable Diffusion模型图像生成网页应用（下篇）
m0_66628975的博客
08-31 2251
Amazon Bedrock 是一项完全托管的服务，通过统一的 API 提供来自 AI21 Labs、Anthropic、Cohere、Meta、Mistral AI、Stability AI 和 Amazon 等领先 AI 公司的高性能基础模型（FMs），同时提供广泛的功能，让开发者能够在确保安全、隐私和负责任 AI 的前提下构建生成式 AI 应用。使用 Amazon Bedrock，开发者们可以：轻松地测试、评估开发者的用例在不同基础模型下的表现；
使用R语言中的Fuzzy C-Means算法对iris数据集进行模糊聚类分析
09-03
在这项分析中，我们使用R语言对经典的iris数据集进行了模糊聚类分析，采用了Fuzzy C-Means（FCM）算法。Fuzzy C-Means是一种改进的聚类算法，允许每个数据点以不同的隶属度（概率）属于多个簇，而不仅仅是硬性分配到单个簇。这种方法特别适用于数据点之间界限不清晰的情况，通过计算每个数据点到各个簇中心的距离来确定其隶属度，从而生成更灵活的聚类结果。 在该分析中，我们首先从iris数据集中提取了四个数值变量——花萼长度、花萼宽度、花瓣长度和花瓣宽度。接着，我们加载了R中的cluster包，并使用其中的fanny函数执行Fuzzy C-Means聚类。我们设定了聚类数为3，这是因为iris数据集中的物种数为3个，虽然我们事先知道这些类别，但我们通过算法进行盲分类，以便验证其效果。 fanny函数的一个重要特点是其模糊指数参数（memb.exp），该参数决定了隶属度的模糊性。设置为较高的数值会使聚类结果更加模糊，即数据点可能较均匀地分布在多个簇中；而较低的数值则使得聚类结果更接近传统的硬聚类。
【中科院1区】Matlab实现粒子群优化算法PSO-SAE实现故障诊断算法研究.rar
最新发布
09-03
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
基于Web的农产品直卖平台+源代码+开题报告+演示视频.zip
09-03
计算机网络发展到现在已经好几十年了，在理论上面已经有了很丰富的基础，并且在现实生活中也到处都在使用，可以说，经过几十年的发展，互联网技术已经把地域信息的隔阂给消除了，让整个世界都可以即时通话和联系，极大的方便了人们的生活。所以说，农产品直卖平台用计算机技术来进行设计，不仅在管理方面更加的系统化，操作性强，最重要的是关于数据的保存和使用都能节约大量的时间，该系统非常的好用。 农产品直卖平台管理数据的工具是MySQL，编码的语言是Java，运用的框架是Spring Boot框架。该系统可以实现商家信用类型管理，农产品信息管理，农产品评价管理，商家管理，农产品订单管理，公告信息管理，用户管理等功能。 农产品直卖平台不仅能让操作人员使用更加地方便，并且设计的也很合理，能有效的避免误操作，让数据在录入的环节就符合设计需要，极大的规避了源头性的输入误差，顺利的让数据变得更加可控并且可靠，让出错的几率降到最低。 关键词：农产品直卖平台；农产品；评价；订单
PHP基于Linux的远程管理系统服务器端的实现(源代码+LW).rar
09-03
PHP基于Linux的远程管理系统服务器端的实现(源代码+LW).rar
基于javaweb的流浪宠物管理系统+源代码+开题报告+演示视频.zip
09-03
当下，正处于信息化的时代，许多行业顺应时代的变化，结合使用计算机技术向数字化、信息化建设迈进。传统的流浪宠物信息管理模式，采用人工登记的方式保存相关数据，这种以人力为主的管理模式已然落后。本人结合使用主流的程序开发技术，设计了一款基于Java Web的流浪宠物管理系统，可以较大地减少人力、财力的损耗，方便相关人员及时更新和保存信息。本系统主要使用B/S开发模式，在idea集成开发环境下，采用Java语言编码设计系统功能，MySQL数据库管理相关的系统数据信息，SSM框架设计和开发系统功能架构，最后通过使用Tomcat服务器，在浏览器中发布设计的系统，并且完成系统与数据库的交互工作。本文对系统的需求分析、可行性分析、技术支持、功能设计、数据库设计、功能测试等内容做了较为详细的介绍，并且在本文中也展示了系统主要的功能模块设计界面和操作界面，并对其做出了必要的解释说明，方便用户对系统进行操作和使用，以及后期的相关人员对系统进行更新和维护。通过设计基于Java Web的流浪宠物管理系统，可以极大地提高流浪宠物管理的工作效率，提升用户的使用体验。 关键词：流浪宠物管理，Java语言，B/S结
onshow和onload执行顺序
05-23
在HTML页面中，onload事件是在整个页面和所有资源（如图片和CSS文件）加载完成后触发的，而onshow事件则是在页面每次显示时触发的。具体来说，onload事件在整个页面只会触发一次，而onshow事件可能会在页面多次显示时触发多次。另外，onload事件通常用于初始化页面，而onshow事件则通常用于执行一些与用户交互相关的逻辑。因此，它们的执行顺序是不同的。一般来说，onload事件先于onshow事件执行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值