小程序页面生命周期函数
前提:
提示:随着手机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" } ] } }
总结
多记多练
下一篇:
JS关键字标红的两种方法