美文网首页
微信小程序生命周期和页面生命周期

微信小程序生命周期和页面生命周期

作者: 兜里没糖 | 来源:发表于2019-04-08 14:03 被阅读0次

1、小程序的生命周期(App.js)


App() 必须在 app.js 中注册,且不能注册多个。所以App()方法在一个小程序中有且仅有一个;
App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等;

生命周期方法:
onLaunch:生命周期函数–监听小程序初始化,当小程序初始化完成时,会触发;
onShow:生命周期函数–监听小程序显示,当小程序启动,或从后台进入前台显示,会触发;
onHide:生命周期函数–监听小程序隐藏,当小程序从前台进入后台,会触发;

注:前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。

注意:
1.不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。
2.不要在 onLaunch 的时候调用 getCurrentPage(),此时 page 还没有生成。
3.通过 getApp() 获取实例之后,不要私自调用生命周期函数。

2、页面的生命周期


onLoad: 页面加载
一个页面只会调用一次。
接收页面参数 可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

onShow: 页面显示
每次打开页面都会调用一次。

onReady: 页面初次渲染完成
一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

onHide: 页面隐藏
当navigateTo或底部tab切换时调用。

onUnload: 页面卸载
当redirectTo或navigateBack的时候调用。

3、Tabbar

1、每个页面的json文件都不能去掉navigationBarTitleText这个属性,否则会报错.
2、 "pages": [
"pages/home/home",
"pages/me/me",
"pages/index/index",
],
这个页面的注册一定要注意,第一个一定是要是Tabbar最先显示的,否则会出现底部导航看不到。

相关文章

  • 微信小程序之生命周期(四)

    微信小程序生命周期分类: 应用生命周期 页面生命周期 一、应用生命周期 App() 函数用来注册一个小程序。接受一...

  • uni-app 微信小程序学习笔记

    微信小程序的生命周期函数 应用的生命周期。onLaunchonShowonHideonError 页面的生命周期o...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 前端知识体系6.小程序

    本文目录 1.说下小程序框架的主要文件和目录的作用 2.微信小程序组件的生命周期 3.简单描述下微信小程序页面文件...

  • 小程序-生命周期

    小程序生命周期 页面生命周期

  • 小程序教学九(生命周期)

    微信为我们监听小程序和各个页面的状态提供了系统函数让我们知道各个状态,进而进行操作。 小程序的生命周期函数 微信小...

  • 关于微信小程序的生命周期

    这一段时间了解了一下微信小程序的生命周期,小程序的5个生命周期如下: onLoad: 页面初始化 onShow: ...

  • 微信小程序的页面跳转和生命周期函数

    文章首发于个人博客,转载参考请注明来源微信小程序的页面跳转和生命周期函数 @TOC 前言 最近在做微信小程序,做页...

  • 前端理论面试-小程序

    小程序生命周期 小程序生命周期分为应用、页面和组件三个部分 应用的生命周期App() 函数用来注册一个小程序。接受...

  • 【小程序】生命周期

    小程序生命周期分为两类:应用生命周期和页面生命周期。 应用生命周期 应用生命周期包括onLaunch、onShow...

网友评论

      本文标题:微信小程序生命周期和页面生命周期

      本文链接:https://www.haomeiwen.com/subject/bmcuiqtx.html