微信APP生命周期及页面生命周期示例详解
更新时间：2022年04月18日 17:17:10 作者：Jeff的技术栈
这篇文章主要为大家介绍了微信APP生命周期及页面生命周期当然示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪
官方文档
小程序的启动流程
我们画一个图来表示一下，整个小程序的启动流程，我们就知道了：
app生命周期
执行App()函数也就是注册一个App
1 在注册app的时候，可以判断小程序的进入场景
2 我们可以在执行通过生命周期函数，做一些数据请求
3 可以在app中设置一个全局对象，让所有页面都能使用
页面的生命周期
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("onload")
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("onshow")
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log("onReady")
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log("onHide")
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log("onUnload")
},
//监听用户下拉动作，
onPullDownRefresh :function(){
//如果要用到这个，必须把"enablePullDownRefresh": true
console.log("下拉刷下")
},
//页面上拉触底事件的处理函数
onReachBottom:function(){
console.log("上拉到底部")
},
//页面滚动触发事件的处理函数
onPageScroll: function(e){
console.log("滚轮在懂",e)
}
})
1 在生命周期函数中发送网络请求，从服务端获取数据
2 初始化一些数据，在data里面，以方便wxml引用
3 监听wxml的事件，绑定对应的事件函数
4 还有页面滚动，上拉，下拉等
页面的生命周期（图）
以上就是微信APP生命周期及页面生命周期示例详解的详细内容，更多关于微信APP生命周期及页面生命周期的资料请关注脚本之家其它相关文章！
相关文章
浏览器是客户端,客户端的操作服务器是监听不到的,所以可以用js来监听,js代码监听浏览器关闭或者刷新,这篇文章主要给大家介绍了关于JS监听浏览器关闭、刷新及切换标签页触发事件的相关资料,需要的朋友可以参考下2023-11-11
今天小编就为大家分享一篇Layui Form 自定义验证的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文给大家分享web 中 DropDownList绑定数据源的几种方式以及DropdownList控件动态绑定数据源的两种方法，下面通过本文给大家详细介绍，感兴趣的朋友一起看看2016-12-12
Javascript中的方法链（Method Chaining）介绍
这篇文章主要介绍了Javascript中的方法链（Method Chaining）介绍,本文讲解了Javascript Method Chaining、Method Chaining 使用、Method Chaining VS prototype Chaining等内容,需要的朋友可以参考下2015-03-03
饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,这篇文章主要给大家介绍了关于Echarts饼图样式之添加内圈阴影达到立体效果的相关资料,文中还介绍了echarts饼图外部阴影设置的方法,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了JS实现字符串转日期并比较大小的方法,以实例形式较为详细分析了JavaScript字符串与日期操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
由于鼠标滚轮事件在 IE 和 FF 的实现有点不一样，所以有需要把这个写成一个统一可用的事件。2009-04-04
这篇文章主要为大家详细介绍了CountUp.js实现数字滚动增值效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
写文章的时候，作为一名专业的码农，经常会在文章中粘贴一些代码。有的时候代码块比较长，在后期使用中需要复制这段代码就比较麻烦2021-11-11
这篇文章主要为大家介绍了如何使用splitChunks精细控制代码分割来实现降低包大小的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论