微信小程序的Page页面的生命周期

最新推荐文章于 2024-09-11 15:23:23 发布

zhoushenxian

最新推荐文章于 2024-09-11 15:23:23 发布

阅读量2.4k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/coderinchina/article/details/84032454

版权

本文介绍了微信小程序中Page页面的生命周期，将其与Android的Activity生命周期进行对比，并详细阐述了Page构造器及其对象参数。文章重点提及了Page的生命周期函数，如onLoad、onShow、onReady、onHide和onUnload，帮助读者理解在不同阶段应进行的业务操作。

摘要由CSDN通过智能技术生成

我们知道Android中关于Activity的生命周期有什么onCreate() onStart() onResume() onStop()等，在android中Activity对应的是一个界面,那么Page在微信小程序对应的也是一个界面,它也有属于自己的声明周期,我们查看官网文档:

页面Page

Page(Object) 构造器

Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等

Object 参数说明：

属性	类型	描述
data	Object	页面的初始数据
onLoad	Function	生命周期回调—监听页面加载
onShow	Function	生命周期回调—监听页面显示

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhoushenxian

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

前端性能：微信小程序生命周期详解

软贱开发攻城狮

07-29

1万+

在微信小程序开发中微信小程序API的使用是必备技能，但是关于微信小程序的生命周期也是首先要了解和掌握的知识点，尤其是现在的前端开发领域，关于前端的各种框架和技术都要会，而且微信小程序的语法就是JS的翻版，掌握它不在话下。了解微信小程序生命周期，对在小程序开发中的性能提升也是很有帮助的。

微信小程序全局生命周期和页面生命周期

weixin_72724407的博客

08-21

2091

通过学习我们发现小程序的生命周期和页面的生命周期是不一样的，这两个其实应该是不同却又相互有联系的生命周期，所以，以下为它们的详细内容。

参与评论您还未登录，请先登录后发表或查看评论

小程序初体验——2、页面：Page生命周期及用法

Chen_xiaobao的博客

03-08

489

注册小程序中的一个页面，其指定页面的初始数据、生命周期回调、事件处理函数等。 //index.js Page({ data: { text: "This is page data." }, //生命周期回调—监听页面加载 onLoad: function(options) { // Do some initialize when page load. }, ...

微信小程序的全局生命周期和页面生命周期

qq_51593012的博客

08-17

2378

生命周期是指一个程序或者软件从创建、到开始、暂停、唤起、停止、卸载的过程，由于微信小程序分为全局和页面两部分，所有从这两部分来讲解微信小程序的生命周期。

小程序——生命周期

最新发布

2202_75345049的博客

09-11

2009

关于生命周期，官方的流程图是这样的看起来复杂难懂，下面让我们慢慢了解应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤，比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中，小程序也会运行被称为生命周期钩子的函数，这些函数由小程序框架本身提供，被称为生命周期函数，生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作，辅助程序员完成一些比较复杂的逻辑。

微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）

newsxy的专栏

08-25

9812

2、A页面navigateTo B页面：A执行onHide()，B执行onLoad()–>onShow()–>onReady()；3、首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。3、当小程序从后台进入到前台，先执行应用onShow方法再执行页面onShow方法。1、小程序注册完成后，加载页面，触发onLoad方法，一个页面只会调用一次。2、页面载入后触发onShow方法，显示页面，每次打开页面都会调用一次。2、小程序初始化完成后，触发onShow方法，监听小程序显示。

Page类和回调技术

takeshe的专栏

11-11

679

asp.net夜话之五：Page类和回调技术在今天我主要要介绍的有如下知识点：Page类介绍Page的生命周期IsPostBack属性ClientScriptManager类回调技术(CallBack)其中Page_Load就是页面加载的时候在服务器上运行的方法。单页模型的特点是HTML标记、控件代码及服务器端运行的C#代码全部包含在一个aspx页面中，Web服务器第一次运行该页面的时候会

微信小程序Page监听数据变化不能使用observers

m0_48334955的博客

04-25

2380

众所周知，微信小程序的数据observers只能在自定义组件中使用，如果想要在页面中实现类似的功能，就只有通过其他的方法。其一就是通过模拟vue的watch来监听数据变化。那么Page中应该怎样监听呢？

微信小程序page的生命周期和音频播放及监听实例详解

08-30

在微信小程序开发中，页面的生命周期是一系列函数，这些函数在页面被创建、打开、隐藏、销毁等过程中被调用，开发者可以通过这些函数来实现特定的功能。主要包括以下几种生命周期函数： - onLoad：页面加载时触发。...

微信小程序页面生命周期详解

01-19

微信小程序页面生命周期介绍，具体如下页面生命周期函数 onLoad—-监听页面加载 onReady—-监听页面初次渲染完成 onShow—-监听页面显示 onHide—-监听页面隐藏 onUnload—-监听页面卸载 Page({ /** * 页面的...

微信小程序 仿京东商城页面仿京东商城购物页面

06-13

在这个项目中，“微信小程序 仿京东商城页面仿京东商城购物页面”是一个实践教学案例，目的是让学生或开发者通过实际操作学习微信小程序的开发技能，同时了解和模仿京东商城的用户界面设计。开发微信小程序涉及到...

卜若的代码笔记系列-微信小程序系列-第三章：微信小程序的webview的使用

qq_37080133的博客

02-06

337

<web-view src="https://www.baidu.com"></web-view> 注意1：如果你的服务器（或者你访问的服务器是非业务域名，你需要禁止校验）

【微信小程序】小程序应用和页面生命周期

苏凉.py的博客

08-05

4117

生命周期(Life Cycle）是指一个对象从创建→>运行>销毁的整个阶段，强调的是一个时间段。张三出生，表示这个人生命周期的开始张三离世，表示这个人生命周期的结束中间张三的一生，就是张三的生命周期小程序的启动，表示生命周期的开始小程序的关闭，表示生命周期的结束中间小程序运行的过程，就是小程序的生命周期。...

微信小程序的生命周期

qq_51580006的博客

05-05

2786

生命周期（Life Cycle）是指一个对象从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。我们可以把每个小程序运行的过程，也概括为生命周期：小程序的启动，表示生命周期的开始小程序的关闭，表示生命周期的结束生命周期函数：是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行。生命周期函数的作用：允许程序员在特定的时间点，执行某些特定的操作。例如，页面刚加载的时候，可以在onLoad生命周期函数中初始化页面的数据。

微信小程序中的App、Page、Component的生命周期函数

一个普通人的博客

10-25

4675

字面意义上说，生命周期就是指一个对象自身的生老病死；在程序运行上也可以这么理解，程序也是对象，也有“生老病死”；程序自身从创建到销毁的过程中，运行到特定的阶段，会触发特定的函数，这些函数，我们就称之为生命周期函数。

小程序Page 对象（页面）的生命周期

qq_50659936的博客

07-30

286

小程序页面的声明周期方法包含5个： /**生命周期函数--监听页面加载 */ onLoad(options) { }, /** 生命周期函数--监听页面初次渲染完成 */ onReady() { }, /** 生命周期函数--监听页面显示 */ onShow() { }, /** 生命周期函数--监听页面隐藏 */ onHide() { }, /** 生命周期函数--监听页面卸载 */ onUnload() { }, 页面从创建到销毁的过程中，执行顺序为： onLoad -

微信小程序全局配置，统计指定页面的停留时长

weixin_47981445的博客

01-30

1250

微信小程序全局配置，统计指定页面的停留时长

微信小程序页面停留时间统计

u010952787的博客

11-26

3952

近来在研究微信小程用户是否在使用小程序或者查看用户在小程序停留的时间，无意中在git上找到了相关的解决问题方法，希望正在开发这个功能的的你，能帮助你解决！收到一个需求，要统计一个用户在我们小程序的每个页面的停留时间。初步想法，在页面的onShow事件里面，打一个开始的时间戳，然后在onHide里面再弄一个时间戳，两个一减，然后把得出来的数据，一提交，齐活。 BUT~，尼玛，onShow和onHide不仅在页面切换的时候会触发，小程序切换到后台和回到前台，也会触发，这就有干扰了。但是在app.js里面的

微信小程序 - page生命周期

铁锤妹妹的博客

08-19

470

1. onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。 2. onShow() 页面显示/切入前台时触发，一般用来发送数据请求； 3. onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。 4. onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。 5. onUnload() 页面卸载时触发，如redirectTo或navigateBack到其他页面时。 Page() 函数用来注册一个页面。接受一个

微信小程序App与页面生命周期详解

微信小程序的生命周期和页面生命周期是开发过程中极其重要的概念，它们确保了应用程序在不同阶段的行为和状态管理。本文档详细介绍了这两个关键知识点，对于理解和优化小程序性能以及实现流畅用户体验至关重要。 ...