小程序页面生命周期函数
前提:
提示:随着手机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"}]}}
总结
多记多练
小程序页面生命周期函数相关推荐
- 微信小程序的生命周期函数
如下: 分别为:是什么.有哪些.执行顺序. 一.是什么 跟vue.react框架一样,微信小程序框架也存在生命周期,实质也是一堆会在特定时期执行的函数 小程序中,生命周期主要分成了三部分: ·应用的生 ...
- 微信小程序页面生命周期详解
页面生命周期函数 onLoad--监听页面加载 onReady--监听页面初次渲染完成 onShow--监听页面显示 onHide--监听页面隐藏 onUnload--监听页面卸载 Page({/** ...
- 小程序的生命周期函数
小程序中的生命周期函数钩子函数 声明周期: 声明周期是指一个小程序从创建到销毁的一系列过程 小程序的两种生命周期 在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面 1.小 ...
- 小程序的生命周期函数?
onLoad Function 生命周期函数--监听页面加载 onReady Function 生命周期函数--监听页面初次渲染完成 onShow Function 生命周期函数--监听页面显示 on ...
- 微信小程序详解——小程序的生命周期和页面的生命周期
我是一名安卓程序员,我们安卓中最明显的特征就是类具有生命周期.所以当开发小程序的时候,我自然而然的会先研究小程序的生命周期.在Android中是通过Application来管理安卓程序的生命周期,小程 ...
- 小程序的生命周期和页面生命周期
前言:很多同学容易将小程序生命周期和页面的生命周期混淆为一起,这两个其实应该是不同却又相互关联的生命周期,所以,用实际代码操作并结合官方理论讲讲这个,好好捋捋. 小程序生命周期 首先小程序的生命周期函 ...
- 微信小程序的生命周期总结
什么是生命周期? 生命周期 就是指一个对象的生老病死. 从软件的角度来看,生命周期指程序从创建.到开始.暂停.唤起.停止.卸载的过程. 下面从三个方面来介绍小程序的生命周期: (1)应用生命周期 (2 ...
- 微信小程序的生命周期详解
文章目录 一.应用生命周期(App) 二.页面生命周期(page) 三.应用生命周期和页面生命周期 四.路由变化对页面生命周期的影响 一.应用生命周期(App) App()函数用来注册一个小程序.接受 ...
- vue和小程序的生命周期
vue beforeCreate(创建前), created(创建后), beforeMount(载入前),(挂载) mounted(载入后), beforeUpdate(更新前), updated( ...
- 小程序的生命周期和页面的生命周期
在小程序中,通过App()来注册一个小程序,通过Page()来注册一个页面 1. 小程序的生命周期 App.js App({onLaunch: function () {console.log('Ap ...
最新文章
- Oracle中merge into的使用
- 爬虫学习笔记(九)—— Scrapy框架(四):FormRequest、日志
- 表格嵌套—JavaWeb学习之路Day1
- Python3 使用[]提取字符
- CentOS 7.2安装Jenkins自动构建Git项目
- docker命令及挂载
- java自学报告_Vi,Java,Ant和Junit自学报告
- RuoYi-Cloud [网关异常处理]请求路径:/code,异常信息:null
- Sublime 安装包时出现的 There are no packages available for installation
- PHP类: SEO必备的伪原创工具 (文章重写)
- Android、iOS、和Web如何做灰度发布?
- POJ 1185 炮兵阵地(状压dp)
- HP刀片服务器C7000-Cisco网络模块配置指南
- 使用xadmin更新数据时,报错expected string or bytes-like object
- 计算机二级关系模式知识点,2013年计算机二级VFP关系模式知识点详解
- ajax表单提交post(错误400) 序列化表单(post表单转换json(序列化))
- 谈谈 SAP 系统的权限管控和事务记录功能的实现
- 基础级拆机-神舟战神GX8CP5s1上8700发现较为鸡肋-仿CP7s2
- 【模拟器】网工福音!华三模拟器HCL升级,部分功能超越eNSP和EVE!
- 晶圆涨、封测涨、芯片涨、材料涨…涨价的野火烧到哪了?
热门文章
- 尚学堂视频笔记三:容器
- 晴天计算机按键,【图】超实用的ML系列操控快速入门,新手必存(按钮示意图)...
- php计算器按钮功能,PHP实现的简单在线计算器功能示例
- iVMS-4200 Vs区别_菲尔·杰克逊揭示了迈克尔·乔丹和科比·布莱恩特之间的关键区别...
- win10如何还原计算机名,win10电脑一键还原教程
- Microsoft 神经网络分析算法
- 求不变矩matlab,求HU不变矩七个参数
- 树莓派4B:连接windows远程桌面
- OpenCV判断图片是否是黑白图片
- 1934 贝茜放慢脚步(二路归并)