微信小程序 教程之注册程序

 更新时间:2016年10月17日 16:12:32   投稿:lqh  
这篇文章主要介绍了微信小程序 教程之注册程序的相关资料,需要的朋友可以参考下

系列文章:

微信小程序 教程之模块化

微信小程序 教程之注册页面

微信小程序 教程之注册程序

App()

App()函数用来注册一个小程序。接受一个object参数,其指定小程序的生命周期函数等。

object参数说明:

属性 类型 描述 触发时机
onLaunch Function 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发onLaunch(全局只触发一次)
onShow Function 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发onShow
onHide Function 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发onHide
其他 Any 开发者可以添加任意的函数或数据到Object参数中,用this可以访问  

前台、后台定义: 当用户点击左上角关闭,或者按了设备Home键离开微信,小程序并没有正在的销毁,而是进入了后台;当再次启动微信或再次打开小程序,又会从后台进入前台。

只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。

示例代码:

App({
 onLaunch: function() { 
 // Do something initial when launch.
 },
 onShow: function() {
  // Do something when show.
 },
 onHide: function() {
  // Do something when hide.
 },
 globalData: 'I am global data'
})

App.prototype.getCurrentPage()

getCurrentPage()函数用户获取当前页面的实例。

getApp()

我们提供了全局的getApp()函数,可以获取到小程序实例。

// other.js
var appInstance = getApp()
console.log(appInstance.globalData) // I am global data

注意:

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

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • 微信小程序 轮播图swiper详解及实例(源码下载)

    微信小程序 轮播图swiper详解及实例(源码下载)

    这篇文章主要介绍了微信小程序 轮播图swiper详解及实例(源码下载)的相关资料,实用小技巧自定义轮播图swiper dots默认样式,需要的朋友可以参考下
    2017-01-01
  • 四十九个javascript小知识实用技巧

    四十九个javascript小知识实用技巧

    这篇文章主要给大家分享得是四十九个javascript小知识实用技巧像下面文章围绕JavaScript得各种技巧详细介绍,需要的朋友可以参考一下,希望对你有所帮助
    2021-11-11
  • JavaScript阻止事件冒泡的方法

    JavaScript阻止事件冒泡的方法

    这篇文章主要介绍了基于JavaScript阻止事件冒泡,事件冒泡 开始时由最具体的元素接收,然后逐级向上传播到到 DOM 最顶层节点。更多详细内容请需要的小伙伴参考下面文章的具体内容希望对你有所帮助
    2021-12-12
  • JS实用技巧实现loading加载示例详解

    JS实用技巧实现loading加载示例详解

    这篇文章主要为大家介绍了JS实用技巧实现loading加载示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 深入讲解JavaScript之继承的多种方式和优缺点

    深入讲解JavaScript之继承的多种方式和优缺点

    本文讲主要解JavaScript各种继承方式和优缺点,文章将六种继承方式说明,分别有原型链继承、借用构造函数(经典继承)、组合继承、原型式继承、寄生式继承、 寄生组合式继承,这六种方式,需要的朋友可以参考一下
    2021-10-10
  • element plus的样式修改和扩展实例

    element plus的样式修改和扩展实例

    这篇文章主要为大家介绍了element plus的样式修改和扩展实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 浅谈TypeScript 索引签名的理解

    浅谈TypeScript 索引签名的理解

    这篇文章主要给大家分享的是TypeScript 索引签名的理解,索引签名由方括号中的索引名称及其类型组成,后面是冒号和值类型:{ [indexName: KeyType]: ValueType }, KeyType 可以是一个 string、number 或 symbol,而ValueType 可以是任何类型,下面就俩简单了解一下吧
    2021-10-10
  • 前端算法题解 leetcode50-Pow(x, n)

    前端算法题解 leetcode50-Pow(x, n)

    这篇文章主要为大家介绍了前端算法题解 leetcode50-Pow(x, n)示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • mitt tiny-emitter发布订阅应用场景源码解析

    mitt tiny-emitter发布订阅应用场景源码解析

    这篇文章主要为大家介绍了mitt tiny-emitter发布订阅应用场景源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • JavaScript严格模式use strict的介绍

    JavaScript严格模式use strict的介绍

    这篇文章主要介绍了JavaScript严格模式use strict,严格模式是JavaScript中的一种限制性更强的变种方式。严格模式并不是JavaScript中的子集,它在语义上与正常的代码有明显的差异,下面我们就一起来学习该内容吧,需要的朋友也可以参考一下
    2021-12-12

最新评论