前提:

提示:随着手机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"}]}}​​​​​​​

总结

多记多练


小程序页面生命周期函数相关推荐

  1. 微信小程序的生命周期函数

    如下: 分别为:是什么.有哪些.执行顺序. 一.是什么 跟vue.react框架一样,微信小程序框架也存在生命周期,实质也是一堆会在特定时期执行的函数 小程序中,生命周期主要分成了三部分: ·应用的生 ...

  2. 微信小程序页面生命周期详解

    页面生命周期函数 onLoad--监听页面加载 onReady--监听页面初次渲染完成 onShow--监听页面显示 onHide--监听页面隐藏 onUnload--监听页面卸载 Page({/** ...

  3. 小程序的生命周期函数

    小程序中的生命周期函数钩子函数 声明周期: 声明周期是指一个小程序从创建到销毁的一系列过程 小程序的两种生命周期 在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面 1.小 ...

  4. 小程序的生命周期函数?

    onLoad Function 生命周期函数--监听页面加载 onReady Function 生命周期函数--监听页面初次渲染完成 onShow Function 生命周期函数--监听页面显示 on ...

  5. 微信小程序详解——小程序的生命周期和页面的生命周期

    我是一名安卓程序员,我们安卓中最明显的特征就是类具有生命周期.所以当开发小程序的时候,我自然而然的会先研究小程序的生命周期.在Android中是通过Application来管理安卓程序的生命周期,小程 ...

  6. 小程序的生命周期和页面生命周期

    前言:很多同学容易将小程序生命周期和页面的生命周期混淆为一起,这两个其实应该是不同却又相互关联的生命周期,所以,用实际代码操作并结合官方理论讲讲这个,好好捋捋. 小程序生命周期 首先小程序的生命周期函 ...

  7. 微信小程序的生命周期总结

    什么是生命周期? 生命周期 就是指一个对象的生老病死. 从软件的角度来看,生命周期指程序从创建.到开始.暂停.唤起.停止.卸载的过程. 下面从三个方面来介绍小程序的生命周期: (1)应用生命周期 (2 ...

  8. 微信小程序的生命周期详解

    文章目录 一.应用生命周期(App) 二.页面生命周期(page) 三.应用生命周期和页面生命周期 四.路由变化对页面生命周期的影响 一.应用生命周期(App) App()函数用来注册一个小程序.接受 ...

  9. vue和小程序的生命周期

    vue beforeCreate(创建前), created(创建后), beforeMount(载入前),(挂载) mounted(载入后), beforeUpdate(更新前), updated( ...

  10. 小程序的生命周期和页面的生命周期

    在小程序中,通过App()来注册一个小程序,通过Page()来注册一个页面 1. 小程序的生命周期 App.js App({onLaunch: function () {console.log('Ap ...

最新文章

  1. Oracle中merge into的使用
  2. 爬虫学习笔记(九)—— Scrapy框架(四):FormRequest、日志
  3. 表格嵌套—JavaWeb学习之路Day1
  4. Python3 使用[]提取字符
  5. CentOS 7.2安装Jenkins自动构建Git项目
  6. docker命令及挂载
  7. java自学报告_Vi,Java,Ant和Junit自学报告
  8. RuoYi-Cloud [网关异常处理]请求路径:/code,异常信息:null
  9. Sublime 安装包时出现的 There are no packages available for installation
  10. PHP类: SEO必备的伪原创工具 (文章重写)
  11. Android、iOS、和Web如何做灰度发布?
  12. POJ 1185 炮兵阵地(状压dp)
  13. HP刀片服务器C7000-Cisco网络模块配置指南
  14. 使用xadmin更新数据时,报错expected string or bytes-like object
  15. 计算机二级关系模式知识点,2013年计算机二级VFP关系模式知识点详解
  16. ajax表单提交post(错误400) 序列化表单(post表单转换json(序列化))
  17. 谈谈 SAP 系统的权限管控和事务记录功能的实现
  18. 基础级拆机-神舟战神GX8CP5s1上8700发现较为鸡肋-仿CP7s2
  19. 【模拟器】网工福音!华三模拟器HCL升级,部分功能超越eNSP和EVE!
  20. 晶圆涨、封测涨、芯片涨、材料涨…涨价的野火烧到哪了?

热门文章

  1. 尚学堂视频笔记三:容器
  2. 晴天计算机按键,【图】超实用的ML系列操控快速入门,新手必存(按钮示意图)...
  3. php计算器按钮功能,PHP实现的简单在线计算器功能示例
  4. iVMS-4200 Vs区别_菲尔·杰克逊揭示了迈克尔·乔丹和科比·布莱恩特之间的关键区别...
  5. win10如何还原计算机名,win10电脑一键还原教程
  6. Microsoft 神经网络分析算法
  7. 求不变矩matlab,求HU不变矩七个参数
  8. 树莓派4B:连接windows远程桌面
  9. OpenCV判断图片是否是黑白图片
  10. 1934 贝茜放慢脚步(二路归并)