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

 更新时间: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获取实例之后,不要私自调用生命周期函数。

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

相关文章

  • JavaScript架构搭建前端监控如何采集异常数据

    JavaScript架构搭建前端监控如何采集异常数据

    这篇文章主要为大家介绍了JavaScript架构搭建前端监控如何采集异常数据,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • TypeScript中extends的正确打开方式详解

    TypeScript中extends的正确打开方式详解

    这篇文章主要为大家介绍了TypeScript中extends的正确打开方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 前端可视化搭建组件值与联动实现详解

    前端可视化搭建组件值与联动实现详解

    这篇文章主要为大家介绍了前端可视化搭建组件值与联动实现详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 微信小程序 生命周期函数详解

    微信小程序 生命周期函数详解

    这篇文章主要介绍了微信小程序 生命周期函数的相关资料,需要的朋友可以参考下
    2017-05-05
  • Lambda表达式原理及示例

    Lambda表达式原理及示例

    这篇文章主要介绍了Java8中的新特性Lambda表达式,文中的示例可以帮助大家快速了解该特性,感兴趣的小伙伴可以一起学习
    2021-08-08
  • Meta开源JavaScript内存泄漏监测工具MemLab安装使用

    Meta开源JavaScript内存泄漏监测工具MemLab安装使用

    这篇文章主要为大家介绍了Meta开源JavaScript内存泄漏监测工具MemLab安装使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • JS 里为什么会有 this

    JS 里为什么会有 this

    这篇文章主要介绍了JS 里为什么会有 this,文章主要从语言创造者(JS 之父的角度)来思考 this,我之前那篇讲 this 的文章是从使用者的角度写的,需要的朋友可以参考一下
    2021-10-10
  • JavaScript节点的增删改查深入学习

    JavaScript节点的增删改查深入学习

    这篇文章主要为大家介绍了JavaScript节点的增删改查深入学习示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • JavaScript 实现点击关闭全屏示例详解

    JavaScript 实现点击关闭全屏示例详解

    这篇文章主要为大家介绍了JavaScript 实现点击关闭全屏示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • JavaScript使用JSON.stringify()方法带参及不带参示例详解

    JavaScript使用JSON.stringify()方法带参及不带参示例详解

    这篇文章主要介绍了JavaScript使用JSON.stringify()方法带参及不带参示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07

最新评论