微信小程序—生命周期与场景值

生命周期与场景值

一、小程序的生命周期

onLaunch:初始化小程序时触发,全局只触发一次。
onShow:小程序初始化完成或用户从后台切换到前台显示时触发。
onHide:用户从前台切换到后台隐藏时触发。
onError:小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息。

// app.js-项目的入口js模块
// 注册小程序-小程序需要初始化的内容
App({
// 只执行一次,初始化
onLaunch(){
    console.log("小程序的app生命周期之一","小程序的初始化操作");
},

// 显示,无限次执行
onShow(data){
    // data存有场景值
    console.log("收集数据,数据分析,广告投放",data);
    console.log("根据不同的场景值,进入不同的业务模式,如果是在现场,自动进入现场下单模式,在家扫描。自动进入外卖");
    console.log("小程序显示");
},

// 隐藏,无限次执行
onHide(){
    console.log("小程序隐藏");    
},

// 当小程序执行错误的时候执行
onError (msg) {
    console.log(msg)
},
})

二、页面的生命周期与页面相关事件处理函数

1、页面的生命周期

onLoad:首次进入页面加载时触发,可以在 onLoad 的参数中获取打开当前页面路径中的参数。
onReady:页面首次渲染完成时触发。
onShow:加载完成后、后台切到前台或重新进入页面时触发。
onHide:从前台切到后台或进入其他页面触发。
onUnload:页面卸载时触发。

// pages/home/home.js
Page({

/**
* 页面的初始数据
*/
data: {
    swiperList:[]
},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {

},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
    // 小程序中请求ajax数据
},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {

},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {

},
})

2、页面相关事件处理函数

onPullDownRefresh:监听用户下拉动作
onReachBottom:页面上拉触底事件的处理函数
onShareAppMessage:用户点击右上角分享

// pages/home/home.js
Page({

/**
* 页面的初始数据
*/
data: {
    swiperList:[]
},

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {

},

/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {

}
})

三、微信小程序组件生命周期(lifetimes)

created:组件实例化,但节点树还未导入,因此这时不能用setData。(重要)
attached:节点树完成,可以用setData渲染节点,但无法操作节点。(重要)
detached:组件实例从节点树中移除。(重要)
ready:(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点
moved:组件实例被移动到树的另一个位置


四、小程序的场景值

1、场景值的概念

  • 常规行为记录,一般分为:
    • 行为埋点:用户行为分析
    • 路由埋点:页面pv分析
    • 路径埋点:流转记录
    • 错误埋点:错误收集

2、场景值的使用

在onShow生命周期执行的时候会有一个默认参数data,data中存有场景值,可以通过场景值收集数据,数据分析,广告投放,还可以根据不同的场景值,进入不同的业务模式。

// 显示,无限次执行
onShow(data){
    // data存有场景值
    console.log("收集数据,数据分析,广告投放",data);
    console.log("根据不同的场景值,进入不同的业务模式,如果是在现场,自动进入现场下单模式,在家扫描。自动进入外卖");
    console.log("小程序显示");
},


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 848130454@qq.com

文章标题:微信小程序—生命周期与场景值

文章字数:1k

本文作者:Spicy boy

发布时间:2020-07-01, 00:58:49

最后更新:2021-03-11, 09:52:44

原始链接:http://www.spicyboy.cn/2020/07/01/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E2%80%94%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E4%B8%8E%E5%9C%BA%E6%99%AF%E5%80%BC/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏