微信小程序学习之navigate(1)navigateTo方法与navigateBack方法对于page生命周期不同的触发影响

摘要:
小程序的每个页面都有一些生命周期,每个生命周期都有不同的生命周期钩子函数。

小程序的每个页面都有一些生命周期,每个生命周期由分别有着不同的生命周期钩子函数。而我们的业务逻辑写在这些生命周期的钩子函数中,那么弄清楚那种情形下会触发那些生命周期钩子函数就非常重要了

先上一段代码

Page({
    data: {
        banner: [
            "../../assets/img/banner.jpg",
            "../../assets/img/banner2.jpg",
            "../../assets/img/banner3.jpg",
        ],
        list:[1,2,3,4,5,6,7],
    },
    //页面加载
    onLoad: function () {
      console.log("触发首页加载周期")
        
    },
    //页面渲染
    onReady() {
      console.log("触发首页页面渲染周期")
      
    },
    //页面显示
    onShow() {
      console.log("触发首页页面显示周期")
      // wx.navigateTo({
      //   url: "../test/test",
      // })
    },
    //页面隐藏
    onHide() {
        console.log("触发首页页面隐藏周期");
    },
    login(){
    }
})

上面这一坨就是页面常用的生命周期钩子函数,还有一些没有写出来,想要了解的可以去微信的官方文档看看:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.redirectTo.html

第一种情况

当页面首次加载的时候触发的生命周期有

微信小程序学习之navigate(1)navigateTo方法与navigateBack方法对于page生命周期不同的触发影响第1张

离开当前页面的时候

微信小程序学习之navigate(1)navigateTo方法与navigateBack方法对于page生命周期不同的触发影响第2张

第二种情况

当其他页面使用navigateTo 回到当前页面时

微信小程序学习之navigate(1)navigateTo方法与navigateBack方法对于page生命周期不同的触发影响第3张

使用

wx.redirectTo 回到当前页面效果与wx.navigateTo相同
wx.reLunch 回到当前页面效果与上相同,但是会触发 发生跳转的页面的 页面卸载钩子函数

第三种情况

当其他页面使用navigateBack回到当前页面时 

微信小程序学习之navigate(1)navigateTo方法与navigateBack方法对于page生命周期不同的触发影响第4张

就只会触发 onShow()生命周期函数 switchTab与其相同 但是switchTab只能条tabbar页面

所以每次进入页面都要触发的业务逻辑个人推荐的写法是使用navigateTo而非navigateBack

免责声明:文章转载自《微信小程序学习之navigate(1)navigateTo方法与navigateBack方法对于page生命周期不同的触发影响》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇lvm空间扩容php的CodeIgniter学习笔记(一)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

当微信小程序遇到AR(二)

当微信小程序遇到AR,会擦出怎么样的火花?期待与激动......通过该教程,可以从基础开始打造一个微信小程序的AR框架,所有代码开源,提供大家学习。注册地址=˃注册成功之后,需要下载微信小程序开发工具。下载地址=˃目前笔者的开发环境是:Windows10下载的微信小程序版本为:RCv1.0.2.1909111 打开,微信开发者工具之后,会看到如下的页面。...

java中cookie存取值

Cookie保存值:CookieuserCookie=newCookie(“loginInfo”,loginInfo);userCookie.setMaxAge(30*24*60*60);//生存期为一个月30*24*60*60userCookie.setPath(“/”);response.addCookie(userCookie);Cookie值:Coo...

差分方程的零输入响应与零状态响应

差分方程的迭代分析方法有以下缺点:没有闭合解,不利于数学分析。某个时间的输出只能从头开始计算。本文介绍了差分方程的零输入响应和零状态响应分析方法。对于系统,这种分析方法可以很好地表达系统响应的物理意义=Y[-1]=0$Input Y[n]。回顾零输入响应和零状态响应的迭代计算,我们发现以下规则:$egin{align*}y[0]&=-&qqu...

记一次Arcgis Server10.2许可过期导致发布图层失败

1.今天,当使用arcmap将地图服务发布到arcgisserver时,发布突然失败。在arcgisserver的管理页面的日志选项中发现错误:未能初始化服务器对象“System/PublicingTools”:0x80004005:错误:(-8003)YourArcGISServerlicense已过期。2.然后在服务器路径中查找文件:...

winform窗体(六)——DataGridView控件及通过此控件中实现增删改查

“,”Delete Data“,btn)==DialogResult.Yes){}V.多条件查询。如果用户没有输入任何内容或文本框为空,则查询所有内容。//设置两个常量条件stringtj1=”1=1“;stringtj2=”1=1”;//根据用户的输入更改条件。//如果用户输入名称If(name!=”“){tj1=“Namelike@name“;}//如果...

Python读取JSON数据操作实例解析

为了遵循JSON规范,您应该只编写Python列表和字典。JSON编码格式与Python语法几乎相同,只是存在一些细微差异。...