全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[上海口碑好的seo公司]微信小程序生命周期详解

  本文主要介绍了微信小程序的生命周期的详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。

  今天记录一下微信小程序的app生命周期及各页面的生命周期。

  (一)小程序的生命周期

  在app.json中进行监听,三个方法

  ①onLauch方法只在小程序启动时触发一次▲■。

  ②onShow方法,在小程序启动时,及由后台切换至前台显示时触发。

  ③onHide方法,在小程序由前台显示切换至后台时触发。

  可以通过 ↓ 这张图片,感受一下各生命周期。

  
 

  比较有趣的地方是…-□◇,小程序启动时会触发两次onShow,我不知道是为什么。希望了解的同学解释一下。

  (二)页面的生命周期

  1.在index中我添加了两种方式跳转到新增的crab页面 ↓ 在这里简单介绍一下

  ①在index.wxml文件中通过在<navigator>标签中添加url实现跳转

  ②将button绑定到index■▪.js中的方法实现跳转,此处我将方法命名为turnCrabFunction■…◁,并在index.js中实现该方法。

  
 

  
 

  2☆◆-.下面介绍crab◁◇◁=.js中的各生命周期

  ↓图为该文件部分代码•▲▽△,使用console▷☆▷◆.log进行打印,定州市小程序制作公司方便我们进行观察各生命周期。(各函数后面注释对应功能说明。)

  
 

  其中,onSomeFunction是我随意命名的,其他方法均有固定名字及含义。[重庆好的seo公司]如何使用html+css+js实现3D相册

  3.在index界面•△○,我们选择任意一种方式进入crab界面□★▽。宿迁市小程序制作公司↓图进行详细说明

  
 

  (如果无法实现下拉刷新,请检查app.json中window参数=▲□◇,或检查当前页面的crab.json文件是否覆盖该参数为false)

  
 

  相关推荐▽▷◁=:

  基于asp.net MVC 应用程序的生命周期(详解)_实用技巧

  Vue生命周期是什么

  React组件的生命周期函数是什么

  以上就是微信小程序生命周期详解的详细内容,更多请关注久澳传媒编程栏目其它相关文章![上海口碑好的seo公司]

[上海口碑好的seo公司]微信小程序生命周期详解

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。