本文将带你了解微信小程序开发之例子——手机振动功能\动态设置页面标题\控制导航条加载动画 ...，希望本文对大家学微信有所帮助。

一、手机振动功能1、关键代码1）WXML文件 1
 2<button   bindtap="vibrateLongTap">振动（400ms）</button><button   bindtap="vibrateShortTap">振动（15ms）</button> 来自CODE的代码片snippet_file_0.txt2）js文件  1
   
     10Page({  vibrateLongTap:function(){    // 使手机振动400ms      wx.vibrateLong();  },  vibrateShortTap:function(){    // 使手机振动15ms      wx.vibrateShort();  }}) 来自CODE的代码片snippet_file_0.js3）WXSS文件   1empty 来自CODE的代码片snippet_file_0.txt2、源代码获取方式百度云链接：//pan.baidu.com/s/1b7ipNC二、动态设置页面标题 1、效果展示2、关键代码1）WXML文件 1
   
     4<button   bindtap="setBiaoTi1">标题1</button><button bindtap="setBiaoTi2">标题2</button><button   bindtap="setBiaoTi3">标题3</button><button bindtap="back">还原</button> 来自CODE的代码片snippet_file_0.txt2）js文件  1
   
     26Page({  // 设置标题为：标题1    setBiaoTi1:function(){      wx.setNavigationBarTitle({        title: '标题1',    })    },  // 设置标题为：标题2  setBiaoTi2: function   () {    wx.setNavigationBarTitle({      title: '标题2',    })  },    // 设置标题为：标题3  setBiaoTi3: function () {    wx.setNavigationBarTitle({      title: '标题3',    })  },    // 设置标题为：动态设置页面标题  back:function(){    wx.setNavigationBarTitle({      title: '动态设置页面标题',    })  }}) 来自CODE的代码片snippet_file_0.js3）WXSS文件 1
   
     3button{  margin-top:10px;  } 来自CODE的代码片snippet_file_0.txt3、源码获取百度云链接：//pan.baidu.com/s/1mhAlJb6三：控制导航条加载动画1、效果展示2、关键代码1）WXML文件 1empty 来自CODE的代码片snippet_file_0.txt2）js文件  1
   
   
     10Page({  // 显示导航条加载动画    showNavigationBarLoadingTap:function(){    wx.showNavigationBarLoading();  },     //  隐藏导航条加载动画    hideNavigationBarLoadingTap:function(){    wx.hideNavigationBarLoading();  }}) 来自CODE的代码片snippet_file_0.js3）WXSS文件 1
   
     5button{  margin:10px;  margin-bottom: 0px;  font-size: 11pt;} 来自CODE的代码片snippet_file_0.txt3、源码获取方式百度云链接：//pan.baidu.com/s/1o7GnrjO4、在控制导航条加载动画的过程中有遇到任何问题或者不明白的地方，欢迎添加我的微信进行咨询，感谢支持！微信号：FutureJet    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道！