微信小程序应用的生命周期笔记

最新推荐文章于 2024-01-22 16:07:01 发布
最新推荐文章于 2024-01-22 16:07:01 发布
阅读量70 收藏
点赞数
分类专栏： 微信小程序 文章标签： 小程序 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49438920/article/details/114684935
版权

微信小程序应用的生命周期笔记

1.onLaunch
触发条件：应用第一次启动就会触发
用途：可用于应用第一次启动时获取用户信息

2. onShow
触发条件：应用被用户看到时触发
用途：对应用的数据或者页面效果重置

3. onHide
触发条件：当小程序切后台时触发
用途：用于暂停或者清除定时器，释放内存

4.onError
触发条件：应用的代码发生报错时就会触发
用途：在应用代码发生报错的时候，收集用户错误信息，通过异步请求，将错误代码发送至后台以便于后期维护参考

5.onPageNotFound
触发条件：第一次启动程序，如果找不到入口页面就会触发
用途：如果页面不存在，可用 navigateTo 方法重新跳转页面 ，找到第二个首页

“负拾捌”
关注
专栏目录
微信小程序的生命周期实例演示-——-微信小程序教程系列（2）(1)
2401_84123026的博客
04-20 617
)运行：（1）当启动home页面时，会触发以下3个函数第一执行onLoad函数——在文档加载的时候会执行第二执行onShow函数——在页面显示的时候会执行第三执行onReady函数——在页面初次渲染完成时执行（2）在Home页面时，当点击左上角“返回”，会触发以下函数onUnload函数——在页面销毁时执行Page Onload 函数（3）在Home页面时，当点击“后台”时，会触发以下函数（即程序被转到后台时）onHide函数——在页面隐藏时会执行。
微信小程序代码-云笔记开发.zip
04-22
"云笔记开发.zip"这个压缩包包含了一个基于微信小程序开发的云笔记应用的源代码，对于学习微信小程序开发或者想要快速搭建一个云笔记应用的开发者来说，是一个宝贵的资源。 在微信小程序的开发过程中，主要涉及到...
【微信小程序】生命周期
JPengp的博客
09-01 718
黑马前端小程序学习笔记 —— 小程序的生命周期
微信小程序生命周期笔记
yheartbeats的博客
04-01 3251
微信小程序的三种生命周期： 应用生命周期 页面生命周期 组件生命周期 一、应用生命周期 onLaunch Function 否 监听小程序初始化 onShow Function 否 监听小程序启动或切前台 onHide Function 否 监听小程序切后台 onError Function 否 错误监听函数 onPageNotFound Function 否 页面不存在监听函数 | 属性 |类型 |必填| 描述| |–|--| | | | 用户首次打开小程序，触发 onLaunch（全局
微信小程序页面生命周期笔记
qq_49438920的博客
03-12 128
微信小程序页面生命周期笔记 1.data 页面的初始化数据 2.onLoad 生命周期函数–监听页面加载， 多用于初始化数据 3.onReady 生命周期函数–监听页面初次渲染完成 4.onShow 生命周期函数–监听页面显示 5.onHide 生命周期函数–监听页面隐藏 6.onUnload 生命周期函数–监听页面卸载 特别注意的是，页面跳转的navigator方法的open-type=“redirect”(关闭当前页面打开新页面)中的关闭当面页面也算是页面卸载，也会触发onUnload事件 7. onP
微信小程序生命周期学习笔记-页面篇
面向对象思考
09-13 1101
小程序的生命周期分三类：应用生命周期、页面生命周期、组件生命周期。现在我们来学习一下页面的生命周期。 当我们新建一个页面时，打开该页面的js文件，我们就可以看到如下的内容（只截取了一部分): 其中onLoad、onReady、onShow等，均为页面生命周期的函数。如同生命周期的定义，页面生命周期也是一类函数。应用生命周期的主体是app（应用），而页面生命周期的主体是page（页面）。 在学习页面生命周期时，我们可以比对着应用生命周期来学习。 我们主要研究以下五个生命周期函数： 属性 .
微信小程序的生命周期学习笔记-应用篇
面向对象思考
09-12 1944
在我们学习微信小程序的过程当中，我们会参考很多资料。在这些资料中，我们经常能够看到“生命周期”四个字，在前面的课程中也提到过。在这里做一个说明。 生命周期是一类函数的统称，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。他们的作用是负责监听一些操作或者状态，当到达了某些特殊的时间点或者发生了某些特殊的事件时，这些函数就会触发，我们可以通过这种函数来在相应的时间点或事件下，实现我们的小程序应有的功能。 我们在小程序中主要研究三种生命周期：应用生命周期、页面生命周期、组件生命周期。 应用.
微信小程序生命周期学习笔记-组件
面向对象思考
09-14 891
生命周期包含应用生命周期、页面生命周期和组件生命周期。现在我们来学习组件的生命周期。 学习这一章节之前，需要先学习以下内容： 1.小程序的组件、自定义组件 2.页面节点树 3.应用生命周期、页面生命周期（重点是探索的方法） 微信开放文档：组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。 和应用（小程序）和页面一样，小程序的组件也同样拥有生命周期。如果你能够理解上文所介绍的页面生命周期，那么组件生命周期对你而言便不成问题。 现在我们来介绍两种
微信小程序开发生命周期（程序生命周期和页面生命周期）
weixin_61148719的博客
04-18 333
onShow:小程序启动，或从后台进入前台显示时触发，如果想要在小程序每次进入到前台时都执行一些事情，那么可以将代码放在这个里面。onLaunch:在小程序加载时执行的，可以调用api获取数据，如获取用户的信息，初始化本地状态设置，将网络，图片，音频文件请求好等等。onHide:小程序被切换到后台（包括微信自身被切换到后台或者小程序暂时被切换到后台）。onReady: 页面初次渲染完成 一个页面只会调用一次，代表页面已经准备完成，可以和视图层进行交互。onShow: 页面显示 每次打开页面都会调用一次。
常用的微信小程序生命周期函数
最新发布
m0_73352624的博客
01-22 704
微信小程序生命周期
微信小程序DEMO设计源代码合集（45款）.rar
10-25
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备用户，提供无需安装即可使用的便捷服务。这个“微信小程序DEMO设计源代码合集”包含了45个不同的示例项目，是学习和设计微信小程序的宝贵...
微信小程序开发项目源码+笔记.7z
04-30
3. JavaScript：在微信小程序中，JavaScript用于处理数据和事件，通过`Page`和`Component`进行页面和组件的生命周期管理，使用`wx`对象进行API调用，实现与微信接口的交互。 二、微信开发者工具 开发微信小程序离不...
微信小程序image图片标签（超详细）
热门推荐
qq_49438920的博客
03-07 1万+
微信小程序image图片标签 前言： 因为微信小程序静态打包的图片大小不可超过2m，故应该采取将需要用到的图片上传到网络，通过其链接来操作图片 推荐图床： 路过图床 1.scaleToFill标签: 默认值，不保持纵横比缩放图片，使图片的宽高完全拉伸至填充满image元素 image{ width: 300px; height: 300px;}//设置图片宽高 <image mode="scaleToFill" src="https://s3.ax1x.com/2021/03/07/6KVmfU
微信小程序实现加载下一页数据（翻页）
qq_49438920的博客
04-30 2943
微信小程序实现加载下一页数据（翻页） 1.先async实现异步请求数据 获取到的数据如下 2.获取总数据条数 const total=res.total;//获取总条数 3.计算得到这么多条数据该分配的页数 this.totalPage=Math.ceil(total/this.QueryParam.pagesize); //总页数等于总条数除以页容量并向上取整 4.对新旧数据进行拼接，这个方法是真的牛逼 this.setData({ goodsList:[...this.dat
微信小程序轮播图实现详解
qq_49438920的博客
03-08 2730
微信小程序轮播图实现详解 先上效果： wxml代码： <swiper autoplay interval="2000" circular indicator-color="#0094ff" indicator-dots indicator-active-color="#ff0094"> <!--swiper默认高度已经写死，无法改变、无法由内容撑开--> <swiper-item><image mode="widthFix" src="../../16151702
微信小程序view标签hover-class属性和text标签selectable和decode属性
qq_49438920的博客
03-07 2084
微信小程序view标签hover-class属性和text标签selectable和decode属性 <view hover-class="hc">按下样式</view>//设置view标签并添加属性 .hc{ color: red;}//设置hover-class的样式 效果： <text> 文本复制 //啥也没加 &nbsp; 123; </text> 效果： selectable标签：长按文字复制 decode标签：对文本内容进行解
微信小程序文章跳转到相应页面实现
qq_49438920的博客
05-22 1986
微信小程序文章跳转到相应页面实现 效果： 1.为文章标题栏添加自定义点击事件，使得点击文章标题可跳转到对应的文章详情页 <view class="row" wx:for="{{dataList}}" wx:key="index" bindtap="getShow"//绑定自定义点击事件 data-id="{{item._id}}">//绑定id号作为跳转的参数 2.在点击事件中 getShow(e){ let id=e.currentTarget.dataset.id wx.navigate
关于微信小程序传参与获取参数以及bindtap的使用
qq_49438920的博客
03-04 1830
关于微信小程序传参与获取参数以及bindtap的使用 先设置两个button 按钮 <button bindtap="bt" data-op="{{1}}">+</button> <button bindtap="bt" data-op="{{-1}}">-</button> /*因为小程序不允许在事件中直接传参，故应通过自定义属性的方式 传递参数，格式为：data— +属性名 */ Page({ data: { num:0 //设置num变量的值
微信小程序全周期详解：启动到销毁的关键步骤
本文档深入浅出地探讨了微信小程序的生命周期管理，主要关注于全局的App生命周期和页面级别的Pages生命周期。对于刚毕业并专注于微信小程序开发的作者来说，这是对其实践经验的分享和学习笔记。 首先，文章提到App...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值