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


Posted in Javascript onOctober 17, 2016

系列文章:

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 相关文章推荐
使用Jquery打造最佳用户体验的登录页面的实现代码
Jul 08 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
javascript 随机展示头像实现代码
Dec 06 Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
Sep 23 Javascript
原生js的RSA和AES加密解密算法
Oct 08 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
angularJs提交文本框数据到后台的方法
Oct 08 Javascript
vue实现滑动超出指定距离回顶部功能
Jul 31 Javascript
angularjs自定义过滤器demo示例
Aug 24 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 Javascript
微信小程序 教程之小程序配置
Oct 17 #Javascript
jQuery事件对象总结
Oct 17 #Javascript
微信小程序 MINA文件结构
Oct 17 #Javascript
Jquery实现上下移动和排序代码
Oct 17 #Javascript
微信小程序 Page()函数详解
Oct 17 #Javascript
微信小程序 触控事件详细介绍
Oct 17 #Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 #Javascript
You might like
php4的彩蛋
2006/10/09 PHP
php网页后退不再出现过期
2007/03/08 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
Jquery 弹出层插件实现代码
2009/10/24 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
js Dialog 实践分享
2012/10/22 Javascript
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
python 排列组合之itertools
2013/03/20 Python
pyv8学习python和javascript变量进行交互
2013/12/04 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Python CSV模块使用实例
2015/04/09 Python
Django中几种重定向方法
2015/04/28 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
python list转置和前后反转的例子
2019/08/26 Python
python能开发游戏吗
2020/06/11 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
搞笑婚礼主持词开场白
2015/11/24 职场文书
JavaScript 原型与原型链详情
2021/11/02 Javascript
MySQL限制查询和数据排序介绍
2022/03/25 MySQL
Mysql InnoDB 的内存逻辑架构
2022/05/06 MySQL