小程序页面生命周期函数

前提:

提示:随着手机app的不断发展,编程这门技术也越来越重要,很多人都开启了学习编程,本文就介绍了小程序的基础内容之一。

文章目录

    生命周期函数 小程序分栏
文章目录 生命周期函数 小程序分栏

前言

提示:这里可以添加本文要记录的大概内容:

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。


提示:以下是本篇文章正文内容,下面案例可供参考

一、生命周期

onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

onShow 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow

onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发 onHide

onError 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

其他 Any 开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问

我们在app.js文件中定义以下方法 ,并打印出来

App({
  onLaunch: function (options) {
    console.log("app.js ---onLaunch---" + JSON.stringify(options));
  },
  onShow:function(){
    console.log("app.js ---onShow---");
  },
  onHide:function(){
    console.log("app.js ---onHide---");
  },
  onError: function (msg){
    console.log("app.js ---onError---" + msg);
  },
  globalData: {
    userInfo: null
  }
})

二、使用步骤

1.小程序分栏

代码如下(示例):

"tabBar": {

  "list": [{

    "pagePath": "pages/index/index",

    "text": "首页",

    "iconPath": "icons/home.png",

    "selectedIconPath": "icons/home-0.png"

  },

  {

    "pagePath": "pages/category/category",

    "text": "种类",

    "iconPath": "icons/category.png",

    "selectedIconPath": "icons/category-0.png"

  },

  {

    "pagePath": "pages/my/my",

    "text": "我的",

    "iconPath": "icons/my.png",

    "selectedIconPath": "icons/my-0.png"

  }

]

}

}

​​​​​​​

总结

多记多练


经验分享 程序员 微信小程序 职场和发展