一、界面的生命周期

  1. /**
  2. * 监听页面加载,
  3. * 页面加载中
  4. */
  5. onLoad:function(){
  6. var _this = this
  7. console.log('index---------onload()')
  8. /**
  9. * 监听音乐播放
  10. */
  11. wx.onBackgroundAudioPlay(function() {
  12. console.log('onBackgroundAudioPlay')
  13. }),
  14.  
  15. /**
  16. * 监听音乐暂停
  17. */
  18. wx.onBackgroundAudioPause(function() {
  19. console.log('onBackgroundAudioPause')
  20. }),
  21.  
  22. /**
  23. * 监听音乐停止
  24. */
  25. wx.onBackgroundAudioStop(function() {
  26. console.log('onBackgroundAudioStop')
  27. util.playAudio()
  28. })
  29. },
  30. /**
  31. * 监听页面显示,
  32. * 当从当前页面调转到另一个页面
  33. * 另一个页面销毁时会再次执行
  34. */
  35. onShow: function() {
  36. console.log('index---------onShow()')
  37. },
  38. /**
  39. * 监听页面渲染完成
  40. * 完成之后不会在执行
  41. */
  42. onReady: function() {
  43. console.log('index---------onReaday()');
  44. },
  45. /**
  46. * 监听页面隐藏
  47. * 当前页面调到另一个页面时会执行
  48. */
  49. onHide: function() {
  50. console.log('index---------onHide()')
  51. },
  52. /**
  53. * 当页面销毁时调用
  54. */
  55. onUnload: function() {
  56. console.log('index---------onUnload')
  57. }

二、eg:使用播放音乐的系统方法

  wx.playBackgroundAudio()

  需要调用监听音乐的相关操作时,需要在onLoad中进行(在标题一中)

  1. function playAudio(){
  2. wx.playBackgroundAudio({
  3. dataUrl: 'http://m2.music.126.net/oO27f-6XZ2_jMV1gA8wzlA==/1319413953349380.mp3',
  4. title:'Blue Night',
  5. coverImgUrl:'http://pic.58pic.com/58pic/15/15/32/43x58PICgE2_1024.jpg',
  6. success: function(res){
  7. // success
  8. console.log("ok")
  9. },
  10. fail: function(res) {
  11. // fail
  12. console.log("fail")
  13. },
  14. complete: function(res) {
  15. // complete
  16. console.log("ok")
  17. }
  18. })
  19. }

三、号外:全局函数的声明使用

  1. util.playAudio()方法是在文件util.js中,此文件放的是全局函数!

微信小程序page的生命周期和音频播放及监听的更多相关文章

  1. 测试微信小程序页面的生命周期

    前言:本人是一个初学者,也是第一次写博客,敲键盘的时候还不知道发布后是什么效果,希望内容给其他初学的同学一点帮助,同时加深自己的理解.这篇随笔讲的是Page页面的生命周期,在开发中是基础中的基础,很容 ...

  2. 【Taro全实践】Taro在微信小程序中的生命周期

    一.Taro的本身生命周期 生命周期componentWillMount在微信小程序中这一生命周期方法对应页面的onLoad或入口文件app中的onLaunch componentDidMount在微 ...

  3. 微信小程序:应用生命周期

    小程序的生命周期分为应用生命周期和页面生命周期. 应用指的是一个文件,是小程序的入口文件app.js,入口文件最外层方法名称是App,页面的js文件最外层是page,组件的js文件的最外层是compo ...

  4. 微信小程序:页面生命周期

    小程序生命周期分为应用生命周期和页面生命周期 1.Onload:页面加载时触发,一般在onLoad中发送异步请求来初始化页面数据. 2.onShow:页面显示时触发 3.onReady:页面初次渲染完 ...

  5. 小程序page中生命周期

    onLoad -- 页面被加载出来 onShow -- 页面显示出来后  退出后两小时进来,只会执行这个生命周期 onRady -- (逻辑层传给渲染层后才会执行)监听页面初次渲染完成 onHide ...

  6. 微信小程序--页面的生命周期和参数传递

    页面跳转: 1.函数 点击事件设置bindtap然后在本页面 js 设置函数 redirectTo:关闭当前页,跳转到指定页:   ( unload) navigateTo:保留当前页,跳转到指定页: ...

  7. 微信小程序-Page生命周期

    QQ讨论群:785071190 微信小程序开发之前我们还需认识一下小程序页面的生命周期,丛"微信小程序-代码构成"一文中我们可以了解到小程序页面中有一个.js的文件,这篇博文我们来 ...

  8. 微信小程序-page

    一 什么是page() page(),是一个函数,用来注册一个页面, 接受一个object参数, 指定页面的初始数据,生命周期函数,事件处理函数 等等 object参数说明: (1)data (obj ...

  9. 扩展微信小程序 Page 构造函数,修改生命周期函数

    不BB,直接正题 一. 将公共方法绑定到Page上 单个绑定 const oldPage = Page Page = function(app) { // 注意公共函数的名字不要重复,否则覆盖 app ...

随机推荐

  1. 逻辑回归,多分类推广算法softmax回归中

    转自http://ufldl.stanford.edu/wiki/index.php/Softmax%E5%9B%9E%E5%BD%92 简介 在本节中,我们介绍Softmax回归模型,该模型是log ...

  2. windows下 Mysql 8.0.x 数据库简单的导出和导入!!!

    1.首先需要进入到mysql安装目录下的bin目录,执行cmd进入命令窗口. 2.导出(导出某个数据库,也可以针对某张表导出)2.1导出数据结构以及数据的命令: mysqldump -u root - ...

  3. JVM之类加载过程

    # 类的生命周期 1. 加载 loading2. 验证 verification3. 准备 preparation4. 解析 resoluation5. 初始化 initialization6. 使用 ...

  4. .Net 动态编译(c# 脚本)

    1 用.NET提供的类动态编译代码字符串,生成DLL存于内存中,加载到程序域 2 用反射的方式调用这个DLL 将要被编译和执行的代码读入并以字符串方式保存声明CSharpCodeProvider对象实 ...

  5. 【JZOJ5433】图

    description 有一个n个点A+B条边的无向连通图,有一变量x,每条边的权值都是一个关于x的简单多项式,其中有A条边的权值是k+x,另外B条边的权值是k-x,如果只保留权值形如k+x的边,那么 ...

  6. 【luoguP3868】猜数字

    description 现有两组数字,每组k个,第一组中的数字分别为:a1,a2,...,ak表示,第二组中的数字分别用b1,b2,...,bk表示.其中第二组中的数字是两两互素的.求最小的非负整数n ...

  7. python 九九乘法口诀

    for i in range(1,10):    for j in range(1,i+1):        print(j,"*",i,"=",i*j,&qu ...

  8. csp-s模拟100,101T1,T2题解

    题面:https://www.cnblogs.com/Juve/articles/11799325.html 我太蒻了只会T1T2 组合: 欧拉路板子?不会呀... 然后打了个优化,防止暴栈 #inc ...

  9. 边双联通分量缩点+树的直径——cf1000E

    题意理解了就很好做 题意:给一张无向图,任意取两个点s,t,s->t的路径上必经边数量为k 求这样的s,t,使得k最大 #include<bits/stdc++.h> #define ...

  10. Python 实现0-1背包

    代码: import numpy as np c=10 #背包容量 w=[2,2,6,5,4] #物品重量 v=[5,3,5,4,6] #物品价值 flag =[0,0,0,0,0] m=np.zer ...