微信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生命周期及页面生命周期的资料请关注脚本之家其它相关文章！
相关文章
Javascript & DHTML DOM基础和基本API
DOM是文档对象模型(Document Object Model，是基于浏览器编程（在本教程中，可以说就是DHTML编程）的一套API接口，W3C出台的推荐标准，每个浏览器都有一些细微的差别，其中以Mozilla的浏览器最与标准接近。2008-07-07
很久以前做网页的时候，几乎没有听说过 getElementById 这一玩意儿。在那个ie独占天下的年代里，做的页面也几乎都是ie only的。只要ie没问题，那就OK了2012-06-06
今天凌晨，微信负责人张小龙在微信朋友圈晒出了一组图，网友看到纷纷“炸裂”，这到底是什么？是的，微信小程序如约上线，微信小程序怎么打开，微信小程序在哪里进入，请阅读本文2017-01-01
这篇文章主要为大家详细介绍了小程序自定义弹框的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层容器名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method，下面这篇文章主要给大家介绍了关于setTimeout时间设置为0的相关资料，需要的朋友可以参考下。2018-03-03
今天小编就为大家分享一篇解决Lyaui 表格自适应高度的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要介绍了在HTML中使用JavaScript的两种方法，帮助大家更好的理解和制作网页，感兴趣的朋友可以了解下2020-12-12
在分析这个问题之前，我们需了解什么是按值传递(call by value)，什么是按引用传递(call by reference)。在计算机科学里，这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。2015-01-01
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
这篇文章主要介绍了微信小程序使用wx.request请求服务器json数据并渲染到页面操作,结合实例形式分析了微信小程序使用wx.request发送网络请求及返回结果渲染到wxml界面相关操作技巧,需要的朋友可以参考下2019-03-03
javascript实现unicode和字符的互相转换...2007-07-07
最新评论