目录
官方文档
小程序的启动流程
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 还有页面滚动, 上拉, 下拉等
页面的生命周期 (图)
来源: https://www.cnblogs.com/guyouyin123/p/12458332.html