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


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 相关文章推荐
一个XML格式数据转换为图表的例子
Feb 09 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
Nov 07 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
Nov 13 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
Nov 19 Javascript
JavaScript动态添加css样式和script标签
Jul 19 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
Aug 17 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
详解Nuxt.js 实战集锦
Nov 19 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
第二节 对象模型 [2]
2006/10/09 PHP
php面向对象重点知识分享
2019/09/27 PHP
Laravel-添加后台模板AdminLte的实现方法
2019/10/08 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
2013/07/18 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
javascript截取字符串小结
2015/04/28 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
2017/05/12 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
2018/08/20 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
python模块之StringIO使用示例
2015/04/08 Python
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
python负载均衡的简单实现方法
2018/02/04 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
python实现图片批量压缩程序
2018/07/23 Python
Python OS模块实例详解
2019/04/15 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
python编写简单端口扫描器
2019/09/04 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
pycharm双击无响应(打不开问题解决办法)
2020/01/10 Python
python爬虫用scrapy获取影片的实例分析
2020/11/23 Python
YesStyle美国/全球:购买亚洲时装、美容化妆品和生活百货
2017/01/16 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
酒店销售主管岗位职责
2014/01/04 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
技能比武方案
2014/05/21 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js