夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

我们JS-SDK里面其实有不少的接口

startRecord---录音

stopRecord---停止录音

playVoice---播放

pauseVoice---暂停播放

uploadImage---上传图片

downloadImage---下载图片

getLocation---得到用户的地址

hideOptionMenu---隐藏菜单

showOptionMenu---显示菜单

等等的接口

里面功能有这么多，我们可以在手册上看到如何实现的详细过程，如下图所示：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

这里的步骤三也是js-sdk里面难度最大的一个步骤

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

里面的signature是最难的，因为里面涉及到算法，详情可以通过查看手册：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

废话不多说，我们开始动工，编写一个signatrue.php，来获取他的签名

<?php

    //该文件用于创建一个合法签名

    require_once "common.php";

    require_once "get_token.php";

    $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={$access_token}&type=jsapi";

    $res = http_request($url,null);

    //json解码,后面加true返回的是一个数组，不加true返回的是一个对象

    $res = json_decode($res,true);

    $api_ticket = $res['ticket'];

    //这是一个随机串

    $noncestr = md5(time());

    $time = time();

    //这里的url表示到时候我们调用所有接口的文件我们是写到这里面的

    $url = "http://weixin.showtp.com/jssdk.htm";

    //这是我们准备加密的串,返回的票据是两个小时内有效的

    $str1 = "jsapi_ticket={$api_ticket}&noncestr={$noncestr}&timestamp={$time}&url={$url}";

    //这里必须要输出，否则到时候无法调用

    echo "{$str1}<br />";

    //拿到签名

    $signatrue = sha1($str1);

    //这里要数出来，因为到时候要用到的

    echo "<br />{$signatrue}<br />";

然后反问这个signatrue.php即可获取到他的签名，如下图所示：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

下一步我们就要来配置一个js接口安全域名，如下图所示：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

如果成功后则如下所示：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

然后我们去下载微信官方提供的示例源代码,就在微信js-sdk说明文档的附录六次，如下图所示：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

解压后出现如下文件

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

我们解压后发现微信开发里面支持好及格版本的，如php，java，python和node，我们主要看php里面的源代码即可，如下图所示：

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

官方下载出来的我们感觉不大好用，所以做了下修改

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法

jssdk.htm代码如下所示：

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>微信JS-SDK Demo 每学网</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">

  <link rel="stylesheet" href="css/style.css">

</head>

<body ontouchstart="">

<div class="wxapi_container">

    <div class="wxapi_index_container">

      <ul class="label_box lbox_close wxapi_index_list">

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-basic">基础接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-share">分享接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-image">图像接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-voice">音频接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-smart">智能接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-device">设备信息接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-location">地理位置接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-webview">界面操作接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-scan">微信扫一扫接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-shopping">微信小店接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-card">微信卡券接口</a></li>

        <li class="label_item wxapi_index_item"><a class="label_inner" href="#menu-pay">微信支付接口</a></li>

      </ul>

    </div>

    <div class="lbox_close wxapi_form">

      <h3 id="menu-basic">基础接口</h3>

      <span class="desc">判断当前客户端是否支持指定JS接口</span>

      <button class="btn btn_primary" id="checkJsApi">checkJsApi</button>

      <h3 id="menu-share">分享接口</h3>

      <span class="desc">获取“分享到朋友圈”按钮点击状态及自定义分享内容接口</span>

      <button class="btn btn_primary" id="onMenuShareTimeline">onMenuShareTimeline</button>

      <span class="desc">获取“分享给朋友”按钮点击状态及自定义分享内容接口</span>

      <button class="btn btn_primary" id="onMenuShareAppMessage">onMenuShareAppMessage</button>

      <span class="desc">获取“分享到QQ”按钮点击状态及自定义分享内容接口</span>

      <button class="btn btn_primary" id="onMenuShareQQ">onMenuShareQQ</button>

      <span class="desc">获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口</span>

      <button class="btn btn_primary" id="onMenuShareWeibo">onMenuShareWeibo</button>

      <span class="desc">获取“分享到QZone”按钮点击状态及自定义分享内容接口</span>

      <button class="btn btn_primary" id="onMenuShareQZone">onMenuShareQZone</button>

      <h3 id="menu-image">图像接口</h3>

      <span class="desc">拍照或从手机相册中选图接口</span>

      <button class="btn btn_primary" id="chooseImage">chooseImage</button>

      <span class="desc">预览图片接口</span>

      <button class="btn btn_primary" id="previewImage">previewImage</button>

      <span class="desc">上传图片接口</span>

      <button class="btn btn_primary" id="uploadImage">uploadImage</button>

      <span class="desc">下载图片接口</span>

      <button class="btn btn_primary" id="downloadImage">downloadImage</button>

      <h3 id="menu-voice">音频接口</h3>

      <span class="desc">开始录音接口</span>

      <button class="btn btn_primary" id="startRecord">startRecord</button>

      <span class="desc">停止录音接口</span>

      <button class="btn btn_primary" id="stopRecord">stopRecord</button>

      <span class="desc">播放语音接口</span>

      <button class="btn btn_primary" id="playVoice">playVoice</button>

      <span class="desc">暂停播放接口</span>

      <button class="btn btn_primary" id="pauseVoice">pauseVoice</button>

      <span class="desc">停止播放接口</span>

      <button class="btn btn_primary" id="stopVoice">stopVoice</button>

      <span class="desc">上传语音接口</span>

      <button class="btn btn_primary" id="uploadVoice">uploadVoice</button>

      <span class="desc">下载语音接口</span>

      <button class="btn btn_primary" id="downloadVoice">downloadVoice</button>

      <h3 id="menu-smart">智能接口</h3>

      <span class="desc">识别音频并返回识别结果接口</span>

      <button class="btn btn_primary" id="translateVoice">translateVoice</button>

      <h3 id="menu-device">设备信息接口</h3>

      <span class="desc">获取网络状态接口</span>

      <button class="btn btn_primary" id="getNetworkType">getNetworkType</button>

      <h3 id="menu-location">地理位置接口</h3>

      <span class="desc">使用微信内置地图查看位置接口</span>

      <button class="btn btn_primary" id="openLocation">openLocation</button>

      <span class="desc">获取地理位置接口</span>

      <button class="btn btn_primary" id="getLocation">getLocation</button>

      <h3 id="menu-webview">界面操作接口</h3>

      <span class="desc">隐藏右上角菜单接口</span>

      <button class="btn btn_primary" id="hideOptionMenu">hideOptionMenu</button>

      <span class="desc">显示右上角菜单接口</span>

      <button class="btn btn_primary" id="showOptionMenu">showOptionMenu</button>

      <span class="desc">关闭当前网页窗口接口</span>

      <button class="btn btn_primary" id="closeWindow">closeWindow</button>

      <span class="desc">批量隐藏功能按钮接口</span>

      <button class="btn btn_primary" id="hideMenuItems">hideMenuItems</button>

      <span class="desc">批量显示功能按钮接口</span>

      <button class="btn btn_primary" id="showMenuItems">showMenuItems</button>

      <span class="desc">隐藏所有非基础按钮接口</span>

      <button class="btn btn_primary" id="hideAllNonBaseMenuItem">hideAllNonBaseMenuItem</button>

      <span class="desc">显示所有功能按钮接口</span>

      <button class="btn btn_primary" id="showAllNonBaseMenuItem">showAllNonBaseMenuItem</button>

      <h3 id="menu-scan">微信扫一扫</h3>

      <span class="desc">调起微信扫一扫接口</span>

      <button class="btn btn_primary" id="scanQRCode0">scanQRCode(微信处理结果)</button>

      <button class="btn btn_primary" id="scanQRCode1">scanQRCode(直接返回结果)</button>

      <h3 id="menu-shopping">微信小店接口</h3>

      <span class="desc">跳转微信商品页接口</span>

      <button class="btn btn_primary" id="openProductSpecificView">openProductSpecificView</button>

      <h3 id="menu-card">微信卡券接口</h3>

      <span class="desc">批量添加卡券接口</span>

      <button class="btn btn_primary" id="addCard">addCard</button>

      <span class="desc">调起适用于门店的卡券列表并获取用户选择列表</span>

      <button class="btn btn_primary" id="chooseCard">chooseCard</button>

      <span class="desc">查看微信卡包中的卡券接口</span>

      <button class="btn btn_primary" id="openCard">openCard</button>

      <h3 id="menu-pay">微信支付接口</h3>

      <span class="desc">发起一个微信支付请求</span>

      <button class="btn btn_primary" id="chooseWXPay">chooseWXPay</button>

    </div>

  </div>

</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>

  /*

   * 注意：

   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。

   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

   *

   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：

   * 邮箱地址：weixin-open@qq.com

   * 邮件主题：【微信JS-SDK反馈】具体问题

   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。

   */

  wx.config({

      debug: false,

      appId: 'wxed89d8f74fa6fc51',

      timestamp: 1457595943,

      nonceStr: '929633e84e9e62eecbb8469a3815882e',

      signature: '8172d05fea66d832fcde07ab471ad1be97c72e88',

      jsApiList: [

        'checkJsApi',

        'onMenuShareTimeline',

        'onMenuShareAppMessage',

        'onMenuShareQQ',

        'onMenuShareWeibo',

        'onMenuShareQZone',

        'hideMenuItems',

        'showMenuItems',

        'hideAllNonBaseMenuItem',

        'showAllNonBaseMenuItem',

        'translateVoice',

        'startRecord',

        'stopRecord',

        'onRecordEnd',

        'playVoice',

        'pauseVoice',

        'stopVoice',

        'uploadVoice',

        'downloadVoice',

        'chooseImage',

        'previewImage',

        'uploadImage',

        'downloadImage',

        'getNetworkType',

        'openLocation',

        'getLocation',

        'hideOptionMenu',

        'showOptionMenu',

        'closeWindow',

        'scanQRCode',

        'chooseWXPay',

        'openProductSpecificView',

        'addCard',

        'chooseCard',

        'openCard'

      ]

  });

</script>

<script src="js/zepto.min.js"></script>

<script src="js/demo.js"> </script>

</html>

style.css代码如下所示：

html {

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  -webkit-user-select: none;

  user-select: none;

}

body {

  line-height: 1.6;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  background-color: #f1f0f6;

}

* {

  margin:;

  padding:;

}

button {

  font-family: inherit;

  font-size: 100%;

  margin:;

  *font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

ul,

ol {

  padding-left:;

  list-style-type: none;

}

a {

  text-decoration: none;

}

.label_box {

  background-color: #ffffff;

}

.label_item {

  padding-left: 15px;

}

.label_inner {

  padding-top: 10px;

  padding-bottom: 10px;

  min-height: 24px;

  position: relative;

}

.label_inner:before {

  content: " ";

  position: absolute;

  left:;

  top:;

  width: 200%;

  height: 1px;

  border-top: 1px solid #ededed;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transform: scale(0.5);

  transform: scale(0.5);

  top: auto;

  bottom: -2px;

}

.lbox_close {

  position: relative;

}

.lbox_close:before {

  content: " ";

  position: absolute;

  left:;

  top:;

  width: 200%;

  height: 1px;

  border-top: 1px solid #ededed;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transform: scale(0.5);

  transform: scale(0.5);

}

.lbox_close:after {

  content: " ";

  position: absolute;

  left:;

  top:;

  width: 200%;

  height: 1px;

  border-top: 1px solid #ededed;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transform: scale(0.5);

  transform: scale(0.5);

  top: auto;

  bottom: -2px;

}

.lbox_close .label_item:last-child .label_inner:before {

  display: none;

}

.btn {

  display: block;

  margin-left: auto;

  margin-right: auto;

  padding-left: 14px;

  padding-right: 14px;

  font-size: 18px;

  text-align: center;

  text-decoration: none;

  overflow: visible;

  /*.btn_h(@btnHeight);*/

  height: 42px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  color: #ffffff;

  line-height: 42px;

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

}

.btn.btn_inline {

  display: inline-block;

}

.btn_primary {

  background-color: #04be02;

}

.btn_primary:not(.btn_disabled):visited {

  color: #ffffff;

}

.btn_primary:not(.btn_disabled):active {

  color: rgba(255, 255, 255, 0.9);

  background-color: #039702;

}

button.btn {

  width: 100%;

  border:;

  outline:;

  -webkit-appearance: none;

}

button.btn:focus {

  outline:;

}

.wxapi_container {

  font-size: 16px;

}

h1 {

  font-size: 14px;

  font-weight:;

  line-height: 2em;

  padding-left: 15px;

  color: #8d8c92;

}

.desc {

  font-size: 14px;

  font-weight:;

  line-height: 2em;

  color: #8d8c92;

}

.wxapi_index_item a {

  display: block;

  color: #3e3e3e;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.wxapi_form {

  background-color: #ffffff;

  padding: 0 15px;

  margin-top: 30px;

  padding-bottom: 15px;

}

h3 {

  padding-top: 16px;

  margin-top: 25px;

  font-size: 16px;

  font-weight:;

  color: #3e3e3e;

  position: relative;

}

h3:first-child {

  padding-top: 15px;

}

h3:before {

  content: " ";

  position: absolute;

  left:;

  top:;

  width: 200%;

  height: 1px;

  border-top: 1px solid #ededed;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transform: scale(0.5);

  transform: scale(0.5);

}

.btn {

  margin-bottom: 15px;

}

demo.js代码如下所示：

/*

 * 注意：

 * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

 * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。

 * 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

 *

 * 如有问题请通过以下渠道反馈：

 * 邮箱地址：weixin-open@qq.com

 * 邮件主题：【微信JS-SDK反馈】具体问题

 * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。

 */

wx.ready(function () {

  // 1 判断当前版本是否支持指定 JS 接口，支持批量判断

  document.querySelector('#checkJsApi').onclick = function () {

    wx.checkJsApi({

      jsApiList: [

        'getNetworkType',

        'previewImage'

      ],

      success: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };

  // 2. 分享接口

  // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口

  document.querySelector('#onMenuShareAppMessage').onclick = function () {

    wx.onMenuShareAppMessage({

      title: '互联网之子',

      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',

      link: 'http://movie.douban.com/subject/25785114/',

      imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',

      trigger: function (res) {

        // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回

        alert('用户点击发送给朋友');

      },

      success: function (res) {

        alert('已分享');

      },

      cancel: function (res) {

        alert('已取消');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

    alert('已注册获取“发送给朋友”状态事件');

  };

  // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口

  document.querySelector('#onMenuShareTimeline').onclick = function () {

    wx.onMenuShareTimeline({

      title: '互联网之子',

      link: 'http://movie.douban.com/subject/25785114/',

      imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',

      trigger: function (res) {

        // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回

        alert('用户点击分享到朋友圈');

      },

      success: function (res) {

        alert('已分享');

      },

      cancel: function (res) {

        alert('已取消');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

    alert('已注册获取“分享到朋友圈”状态事件');

  };

  // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口

  document.querySelector('#onMenuShareQQ').onclick = function () {

    wx.onMenuShareQQ({

      title: '互联网之子',

      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',

      link: 'http://movie.douban.com/subject/25785114/',

      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',

      trigger: function (res) {

        alert('用户点击分享到QQ');

      },

      complete: function (res) {

        alert(JSON.stringify(res));

      },

      success: function (res) {

        alert('已分享');

      },

      cancel: function (res) {

        alert('已取消');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

    alert('已注册获取“分享到 QQ”状态事件');

  };

  // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口

  document.querySelector('#onMenuShareWeibo').onclick = function () {

    wx.onMenuShareWeibo({

      title: '互联网之子',

      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',

      link: 'http://movie.douban.com/subject/25785114/',

      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',

      trigger: function (res) {

        alert('用户点击分享到微博');

      },

      complete: function (res) {

        alert(JSON.stringify(res));

      },

      success: function (res) {

        alert('已分享');

      },

      cancel: function (res) {

        alert('已取消');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

    alert('已注册获取“分享到微博”状态事件');

  };

  // 2.5 监听“分享到QZone”按钮点击、自定义分享内容及分享接口

  document.querySelector('#onMenuShareQZone').onclick = function () {

    wx.onMenuShareQZone({

      title: '互联网之子',

      desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',

      link: 'http://movie.douban.com/subject/25785114/',

      imgUrl: 'http://img3.douban.com/view/movie_poster_cover/spst/public/p2166127561.jpg',

      trigger: function (res) {

        alert('用户点击分享到QZone');

      },

      complete: function (res) {

        alert(JSON.stringify(res));

      },

      success: function (res) {

        alert('已分享');

      },

      cancel: function (res) {

        alert('已取消');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

    alert('已注册获取“分享到QZone”状态事件');

  };

  // 3 智能接口

  var voice = {

    localId: '',

    serverId: ''

  };

  // 3.1 识别音频并返回识别结果

  document.querySelector('#translateVoice').onclick = function () {

    if (voice.localId == '') {

      alert('请先使用 startRecord 接口录制一段声音');

      return;

    }

    wx.translateVoice({

      localId: voice.localId,

      complete: function (res) {

        if (res.hasOwnProperty('translateResult')) {

          alert('识别结果：' + res.translateResult);

        } else {

          alert('无法识别');

        }

      }

    });

  };

  // 4 音频接口

  // 4.2 开始录音

  document.querySelector('#startRecord').onclick = function () {

    wx.startRecord({

      cancel: function () {

        alert('用户拒绝授权录音');

      }

    });

  };

  // 4.3 停止录音

  document.querySelector('#stopRecord').onclick = function () {

    wx.stopRecord({

      success: function (res) {

        voice.localId = res.localId;

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };

  // 4.4 监听录音自动停止

  wx.onVoiceRecordEnd({

    complete: function (res) {

      voice.localId = res.localId;

      alert('录音时间已超过一分钟');

    }

  });

  // 4.5 播放音频

  document.querySelector('#playVoice').onclick = function () {

    if (voice.localId == '') {

      alert('请先使用 startRecord 接口录制一段声音');

      return;

    }

    wx.playVoice({

      localId: voice.localId

    });

  };

  // 4.6 暂停播放音频

  document.querySelector('#pauseVoice').onclick = function () {

    wx.pauseVoice({

      localId: voice.localId

    });

  };

  // 4.7 停止播放音频

  document.querySelector('#stopVoice').onclick = function () {

    wx.stopVoice({

      localId: voice.localId

    });

  };

  // 4.8 监听录音播放停止

  wx.onVoicePlayEnd({

    complete: function (res) {

      alert('录音（' + res.localId + '）播放结束');

    }

  });

  // 4.8 上传语音

  document.querySelector('#uploadVoice').onclick = function () {

    if (voice.localId == '') {

      alert('请先使用 startRecord 接口录制一段声音');

      return;

    }

    wx.uploadVoice({

      localId: voice.localId,

      success: function (res) {

        alert('上传语音成功，serverId 为' + res.serverId);

        voice.serverId = res.serverId;

      }

    });

  };

  // 4.9 下载语音

  document.querySelector('#downloadVoice').onclick = function () {

    if (voice.serverId == '') {

      alert('请先使用 uploadVoice 上传声音');

      return;

    }

    wx.downloadVoice({

      serverId: voice.serverId,

      success: function (res) {

        alert('下载语音成功，localId 为' + res.localId);

        voice.localId = res.localId;

      }

    });

  };

  // 5 图片接口

  // 5.1 拍照、本地选图

  var images = {

    localId: [],

    serverId: []

  };

  document.querySelector('#chooseImage').onclick = function () {

    wx.chooseImage({

      success: function (res) {

        images.localId = res.localIds;

        alert('已选择 ' + res.localIds.length + ' 张图片');

      }

    });

  };

  // 5.2 图片预览

  document.querySelector('#previewImage').onclick = function () {

    wx.previewImage({

      current: 'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',

      urls: [

        'http://img3.douban.com/view/photo/photo/public/p2152117150.jpg',

        'http://img5.douban.com/view/photo/photo/public/p1353993776.jpg',

        'http://img3.douban.com/view/photo/photo/public/p2152134700.jpg'

      ]

    });

  };

  // 5.3 上传图片

  document.querySelector('#uploadImage').onclick = function () {

    if (images.localId.length == 0) {

      alert('请先使用 chooseImage 接口选择图片');

      return;

    }

    var i = 0, length = images.localId.length;

    images.serverId = [];

    function upload() {

      wx.uploadImage({

        localId: images.localId[i],

        success: function (res) {

          i++;

          //alert('已上传：' + i + '/' + length);

          images.serverId.push(res.serverId);

          if (i < length) {

            upload();

          }

        },

        fail: function (res) {

          alert(JSON.stringify(res));

        }

      });

    }

    upload();

  };

  // 5.4 下载图片

  document.querySelector('#downloadImage').onclick = function () {

    if (images.serverId.length === 0) {

      alert('请先使用 uploadImage 上传图片');

      return;

    }

    var i = 0, length = images.serverId.length;

    images.localId = [];

    function download() {

      wx.downloadImage({

        serverId: images.serverId[i],

        success: function (res) {

          i++;

          alert('已下载：' + i + '/' + length);

          images.localId.push(res.localId);

          if (i < length) {

            download();

          }

        }

      });

    }

    download();

  };

  // 6 设备信息接口

  // 6.1 获取当前网络状态

  document.querySelector('#getNetworkType').onclick = function () {

    wx.getNetworkType({

      success: function (res) {

        alert(res.networkType);

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };

  // 7 地理位置接口

  // 7.1 查看地理位置

  document.querySelector('#openLocation').onclick = function () {

    wx.openLocation({

      latitude: 23.099994,

      longitude: 113.324520,

      name: 'TIT 创意园',

      address: '广州市海珠区新港中路 397 号',

      scale: 14,

      infoUrl: 'http://weixin.qq.com'

    });

  };

  // 7.2 获取当前地理位置

  document.querySelector('#getLocation').onclick = function () {

    wx.getLocation({

      success: function (res) {

        alert(JSON.stringify(res));

      },

      cancel: function (res) {

        alert('用户拒绝授权获取地理位置');

      }

    });

  };

  // 8 界面操作接口

  // 8.1 隐藏右上角菜单

  document.querySelector('#hideOptionMenu').onclick = function () {

    wx.hideOptionMenu();

  };

  // 8.2 显示右上角菜单

  document.querySelector('#showOptionMenu').onclick = function () {

    wx.showOptionMenu();

  };

  // 8.3 批量隐藏菜单项

  document.querySelector('#hideMenuItems').onclick = function () {

    wx.hideMenuItems({

      menuList: [

        'menuItem:readMode', // 阅读模式

        'menuItem:share:timeline', // 分享到朋友圈

        'menuItem:copyUrl' // 复制链接

      ],

      success: function (res) {

        alert('已隐藏“阅读模式”，“分享到朋友圈”，“复制链接”等按钮');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };

  // 8.4 批量显示菜单项

  document.querySelector('#showMenuItems').onclick = function () {

    wx.showMenuItems({

      menuList: [

        'menuItem:readMode', // 阅读模式

        'menuItem:share:timeline', // 分享到朋友圈

        'menuItem:copyUrl' // 复制链接

      ],

      success: function (res) {

        alert('已显示“阅读模式”，“分享到朋友圈”，“复制链接”等按钮');

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };

  // 8.5 隐藏所有非基本菜单项

  document.querySelector('#hideAllNonBaseMenuItem').onclick = function () {

    wx.hideAllNonBaseMenuItem({

      success: function () {

        alert('已隐藏所有非基本菜单项');

      }

    });

  };

  // 8.6 显示所有被隐藏的非基本菜单项

  document.querySelector('#showAllNonBaseMenuItem').onclick = function () {

    wx.showAllNonBaseMenuItem({

      success: function () {

        alert('已显示所有非基本菜单项');

      }

    });

  };

  // 8.7 关闭当前窗口

  document.querySelector('#closeWindow').onclick = function () {

    wx.closeWindow();

  };

  // 9 微信原生接口

  // 9.1.1 扫描二维码并返回结果

  document.querySelector('#scanQRCode0').onclick = function () {

    wx.scanQRCode();

  };

  // 9.1.2 扫描二维码并返回结果

  document.querySelector('#scanQRCode1').onclick = function () {

    wx.scanQRCode({

      needResult: 1,

      desc: 'scanQRCode desc',

      success: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };

  // 10 微信支付接口

  // 10.1 发起一个支付请求

  document.querySelector('#chooseWXPay').onclick = function () {

    // 注意：此 Demo 使用 2.7 版本支付接口实现，建议使用此接口时参考微信支付相关最新文档。

    wx.chooseWXPay({

      timestamp: 1414723227,

      nonceStr: 'noncestr',

      package: 'addition=action_id%3dgaby1234%26limit_pay%3d&bank_type=WX&body=innertest&fee_type=1&input_charset=GBK&notify_url=http%3A%2F%2F120.204.206.246%2Fcgi-bin%2Fmmsupport-bin%2Fnotifypay&out_trade_no=1414723227818375338&partner=1900000109&spbill_create_ip=127.0.0.1&total_fee=1&sign=432B647FE95C7BF73BCD177CEECBEF8D',

      signType: 'SHA1', // 注意：新版支付接口使用 MD5 加密

      paySign: 'bd5b1933cda6e9548862944836a9b52e8c9a2b69'

    });

  };

  // 11.3  跳转微信商品页

  document.querySelector('#openProductSpecificView').onclick = function () {

    wx.openProductSpecificView({

      productId: 'pDF3iY_m2M7EQ5EKKKWd95kAxfNw'

    });

  };

  // 12 微信卡券接口

  // 12.1 添加卡券

  document.querySelector('#addCard').onclick = function () {

    wx.addCard({

      cardList: [

        {

          cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',

          cardExt: '{"code": "", "openid": "", "timestamp": "1418301401", "signature":"f54dae85e7807cc9525ccc127b4796e021f05b33"}'

        },

        {

          cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',

          cardExt: '{"code": "", "openid": "", "timestamp": "1418301401", "signature":"f54dae85e7807cc9525ccc127b4796e021f05b33"}'

        }

      ],

      success: function (res) {

        alert('已添加卡券：' + JSON.stringify(res.cardList));

      }

    });

  };

  var codes = [];

  // 12.2 选择卡券

  document.querySelector('#chooseCard').onclick = function () {

    wx.chooseCard({

      cardSign: '8ef8aa071f1d2186cb1355ec132fed04ebba1c3f',

      timestamp: 1437997723,

      nonceStr: 'k0hGdSXKZEj3Min5',

      success: function (res) {

        res.cardList = JSON.parse(res.cardList);

        encrypt_code = res.cardList[0]['encrypt_code'];

        alert('已选择卡券：' + JSON.stringify(res.cardList));

        decryptCode(encrypt_code, function (code) {

          codes.push(code);

        });

      }

    });

  };

  // 12.3 查看卡券

  document.querySelector('#openCard').onclick = function () {

    if (codes.length < 1) {

      alert('请先使用 chooseCard 接口选择卡券。');

      return false;

    }

    var cardList = [];

    for (var i = 0; i < codes.length; i++) {

      cardList.push({

        cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',

        code: codes[i]

      });

    }

    wx.openCard({

      cardList: cardList

    });

  };

  var shareData = {

    title: '微信JS-SDK Demo',

    desc: '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',

    link: 'http://demo.open.weixin.qq.com/jssdk/',

    imgUrl: 'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0'

  };

  wx.onMenuShareAppMessage(shareData);

  wx.onMenuShareTimeline(shareData);

  function decryptCode(code, callback) {

    $.getJSON('/jssdk/decrypt_code.php?code=' + encodeURI(code), function (res) {

      if (res.errcode == 0) {

        codes.push(res.code);

      }

    });

  }

});

wx.error(function (res) {

  alert(res.errMsg);

});

zepto.min.js代码如下所示：

/* Zepto v1.1.6 - zepto event ajax form ie - zeptojs.com/license */

var Zepto=function(){function L(t){return null==t?String(t):j[S.call(t)]||"object"}function Z(t){return"function"==L(t)}function _(t){return null!=t&&t==t.window}function $(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function D(t){return"object"==L(t)}function M(t){return D(t)&&!_(t)&&Object.getPrototypeOf(t)==Object.prototype}function R(t){return"number"==typeof t.length}function k(t){return s.call(t,function(t){return null!=t})}function z(t){return t.length>0?n.fn.concat.apply([],t):t}function F(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function q(t){return t in f?f[t]:f[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function H(t,e){return"number"!=typeof e||c[F(t)]?e:e+"px"}function I(t){var e,n;return u[t]||(e=a.createElement(t),a.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),u[t]=n),u[t]}function V(t){return"children"in t?o.call(t.children):n.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function B(n,i,r){for(e in i)r&&(M(i[e])||A(i[e]))?(M(i[e])&&!M(n[e])&&(n[e]={}),A(i[e])&&!A(n[e])&&(n[e]=[]),B(n[e],i[e],r)):i[e]!==t&&(n[e]=i[e])}function U(t,e){return null==e?n(t):n(t).filter(e)}function J(t,e,n,i){return Z(e)?e.call(t,n,i):e}function X(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function W(e,n){var i=e.className||"",r=i&&i.baseVal!==t;return n===t?r?i.baseVal:i:void(r?i.baseVal=n:e.className=n)}function Y(t){try{return t?"true"==t||("false"==t?!1:"null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?n.parseJSON(t):t):t}catch(e){return t}}function G(t,e){e(t);for(var n=0,i=t.childNodes.length;i>n;n++)G(t.childNodes[n],e)}var t,e,n,i,C,N,r=[],o=r.slice,s=r.filter,a=window.document,u={},f={},c={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},l=/^\s*<(\w+|!)[^>]*>/,h=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,p=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,d=/^(?:body|html)$/i,m=/([A-Z])/g,g=["val","css","html","text","data","width","height","offset"],v=["after","prepend","before","append"],y=a.createElement("table"),x=a.createElement("tr"),b={tr:a.createElement("tbody"),tbody:y,thead:y,tfoot:y,td:x,th:x,"*":a.createElement("div")},w=/complete|loaded|interactive/,E=/^[\w-]*$/,j={},S=j.toString,T={},O=a.createElement("div"),P={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},A=Array.isArray||function(t){return t instanceof Array};return T.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var i,r=t.parentNode,o=!r;return o&&(r=O).appendChild(t),i=~T.qsa(r,e).indexOf(t),o&&O.removeChild(t),i},C=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},N=function(t){return s.call(t,function(e,n){return t.indexOf(e)==n})},T.fragment=function(e,i,r){var s,u,f;return h.test(e)&&(s=n(a.createElement(RegExp.$1))),s||(e.replace&&(e=e.replace(p,"<$1></$2>")),i===t&&(i=l.test(e)&&RegExp.$1),i in b||(i="*"),f=b[i],f.innerHTML=""+e,s=n.each(o.call(f.childNodes),function(){f.removeChild(this)})),M(r)&&(u=n(s),n.each(r,function(t,e){g.indexOf(t)>-1?u[t](e):u.attr(t,e)})),s},T.Z=function(t,e){return t=t||[],t.__proto__=n.fn,t.selector=e||"",t},T.isZ=function(t){return t instanceof T.Z},T.init=function(e,i){var r;if(!e)return T.Z();if("string"==typeof e)if(e=e.trim(),"<"==e[0]&&l.test(e))r=T.fragment(e,RegExp.$1,i),e=null;else{if(i!==t)return n(i).find(e);r=T.qsa(a,e)}else{if(Z(e))return n(a).ready(e);if(T.isZ(e))return e;if(A(e))r=k(e);else if(D(e))r=[e],e=null;else if(l.test(e))r=T.fragment(e.trim(),RegExp.$1,i),e=null;else{if(i!==t)return n(i).find(e);r=T.qsa(a,e)}}return T.Z(r,e)},n=function(t,e){return T.init(t,e)},n.extend=function(t){var e,n=o.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){B(t,n,e)}),t},T.qsa=function(t,e){var n,i="#"==e[0],r=!i&&"."==e[0],s=i||r?e.slice(1):e,a=E.test(s);return $(t)&&a&&i?(n=t.getElementById(s))?[n]:[]:1!==t.nodeType&&9!==t.nodeType?[]:o.call(a&&!i?r?t.getElementsByClassName(s):t.getElementsByTagName(e):t.querySelectorAll(e))},n.contains=a.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},n.type=L,n.isFunction=Z,n.isWindow=_,n.isArray=A,n.isPlainObject=M,n.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},n.inArray=function(t,e,n){return r.indexOf.call(e,t,n)},n.camelCase=C,n.trim=function(t){return null==t?"":String.prototype.trim.call(t)},n.uuid=0,n.support={},n.expr={},n.map=function(t,e){var n,r,o,i=[];if(R(t))for(r=0;r<t.length;r++)n=e(t[r],r),null!=n&&i.push(n);else for(o in t)n=e(t[o],o),null!=n&&i.push(n);return z(i)},n.each=function(t,e){var n,i;if(R(t)){for(n=0;n<t.length;n++)if(e.call(t[n],n,t[n])===!1)return t}else for(i in t)if(e.call(t[i],i,t[i])===!1)return t;return t},n.grep=function(t,e){return s.call(t,e)},window.JSON&&(n.parseJSON=JSON.parse),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(t,e){j["[object "+e+"]"]=e.toLowerCase()}),n.fn={forEach:r.forEach,reduce:r.reduce,push:r.push,sort:r.sort,indexOf:r.indexOf,concat:r.concat,map:function(t){return n(n.map(this,function(e,n){return t.call(e,n,e)}))},slice:function(){return n(o.apply(this,arguments))},ready:function(t){return w.test(a.readyState)&&a.body?t(n):a.addEventListener("DOMContentLoaded",function(){t(n)},!1),this},get:function(e){return e===t?o.call(this):this[e>=0?e:e+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return r.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return Z(t)?this.not(this.not(t)):n(s.call(this,function(e){return T.matches(e,t)}))},add:function(t,e){return n(N(this.concat(n(t,e))))},is:function(t){return this.length>0&&T.matches(this[0],t)},not:function(e){var i=[];if(Z(e)&&e.call!==t)this.each(function(t){e.call(this,t)||i.push(this)});else{var r="string"==typeof e?this.filter(e):R(e)&&Z(e.item)?o.call(e):n(e);this.forEach(function(t){r.indexOf(t)<0&&i.push(t)})}return n(i)},has:function(t){return this.filter(function(){return D(t)?n.contains(this,t):n(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!D(t)?t:n(t)},last:function(){var t=this[this.length-1];return t&&!D(t)?t:n(t)},find:function(t){var e,i=this;return e=t?"object"==typeof t?n(t).filter(function(){var t=this;return r.some.call(i,function(e){return n.contains(e,t)})}):1==this.length?n(T.qsa(this[0],t)):this.map(function(){return T.qsa(this,t)}):n()},closest:function(t,e){var i=this[0],r=!1;for("object"==typeof t&&(r=n(t));i&&!(r?r.indexOf(i)>=0:T.matches(i,t));)i=i!==e&&!$(i)&&i.parentNode;return n(i)},parents:function(t){for(var e=[],i=this;i.length>0;)i=n.map(i,function(t){return(t=t.parentNode)&&!$(t)&&e.indexOf(t)<0?(e.push(t),t):void 0});return U(e,t)},parent:function(t){return U(N(this.pluck("parentNode")),t)},children:function(t){return U(this.map(function(){return V(this)}),t)},contents:function(){return this.map(function(){return o.call(this.childNodes)})},siblings:function(t){return U(this.map(function(t,e){return s.call(V(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return n.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=I(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var e=Z(t);if(this[0]&&!e)var i=n(t).get(0),r=i.parentNode||this.length>1;return this.each(function(o){n(this).wrapAll(e?t.call(this,o):r?i.cloneNode(!0):i)})},wrapAll:function(t){if(this[0]){n(this[0]).before(t=n(t));for(var e;(e=t.children()).length;)t=e.first();n(t).append(this)}return this},wrapInner:function(t){var e=Z(t);return this.each(function(i){var r=n(this),o=r.contents(),s=e?t.call(this,i):t;o.length?o.wrapAll(s):r.append(s)})},unwrap:function(){return this.parent().each(function(){n(this).replaceWith(n(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(e){return this.each(function(){var i=n(this);(e===t?"none"==i.css("display"):e)?i.show():i.hide()})},prev:function(t){return n(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return n(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var i=this.innerHTML;n(this).empty().append(J(this,t,e,i))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=J(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this[0].textContent:null},attr:function(n,i){var r;return"string"!=typeof n||1 in arguments?this.each(function(t){if(1===this.nodeType)if(D(n))for(e in n)X(this,e,n[e]);else X(this,n,J(this,i,t,this.getAttribute(n)))}):this.length&&1===this[0].nodeType?!(r=this[0].getAttribute(n))&&n in this[0]?this[0][n]:r:t},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){X(this,t)},this)})},prop:function(t,e){return t=P[t]||t,1 in arguments?this.each(function(n){this[t]=J(this,e,n,this[t])}):this[0]&&this[0][t]},data:function(e,n){var i="data-"+e.replace(m,"-$1").toLowerCase(),r=1 in arguments?this.attr(i,n):this.attr(i);return null!==r?Y(r):t},val:function(t){return 0 in arguments?this.each(function(e){this.value=J(this,t,e,this.value)}):this[0]&&(this[0].multiple?n(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(t){if(t)return this.each(function(e){var i=n(this),r=J(this,t,e,i.offset()),o=i.offsetParent().offset(),s={top:r.top-o.top,left:r.left-o.left};"static"==i.css("position")&&(s.position="relative"),i.css(s)});if(!this.length)return null;var e=this[0].getBoundingClientRect();return{left:e.left+window.pageXOffset,top:e.top+window.pageYOffset,width:Math.round(e.width),height:Math.round(e.height)}},css:function(t,i){if(arguments.length<2){var r,o=this[0];if(!o)return;if(r=getComputedStyle(o,""),"string"==typeof t)return o.style[C(t)]||r.getPropertyValue(t);if(A(t)){var s={};return n.each(t,function(t,e){s[e]=o.style[C(e)]||r.getPropertyValue(e)}),s}}var a="";if("string"==L(t))i||0===i?a=F(t)+":"+H(t,i):this.each(function(){this.style.removeProperty(F(t))});else for(e in t)t[e]||0===t[e]?a+=F(e)+":"+H(e,t[e])+";":this.each(function(){this.style.removeProperty(F(e))});return this.each(function(){this.style.cssText+=";"+a})},index:function(t){return t?this.indexOf(n(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return t?r.some.call(this,function(t){return this.test(W(t))},q(t)):!1},addClass:function(t){return t?this.each(function(e){if("className"in this){i=[];var r=W(this),o=J(this,t,e,r);o.split(/\s+/g).forEach(function(t){n(this).hasClass(t)||i.push(t)},this),i.length&&W(this,r+(r?" ":"")+i.join(" "))}}):this},removeClass:function(e){return this.each(function(n){if("className"in this){if(e===t)return W(this,"");i=W(this),J(this,e,n,i).split(/\s+/g).forEach(function(t){i=i.replace(q(t)," ")}),W(this,i.trim())}})},toggleClass:function(e,i){return e?this.each(function(r){var o=n(this),s=J(this,e,r,W(this));s.split(/\s+/g).forEach(function(e){(i===t?!o.hasClass(e):i)?o.addClass(e):o.removeClass(e)})}):this},scrollTop:function(e){if(this.length){var n="scrollTop"in this[0];return e===t?n?this[0].scrollTop:this[0].pageYOffset:this.each(n?function(){this.scrollTop=e}:function(){this.scrollTo(this.scrollX,e)})}},scrollLeft:function(e){if(this.length){var n="scrollLeft"in this[0];return e===t?n?this[0].scrollLeft:this[0].pageXOffset:this.each(n?function(){this.scrollLeft=e}:function(){this.scrollTo(e,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),i=this.offset(),r=d.test(e[0].nodeName)?{top:0,left:0}:e.offset();return i.top-=parseFloat(n(t).css("margin-top"))||0,i.left-=parseFloat(n(t).css("margin-left"))||0,r.top+=parseFloat(n(e[0]).css("border-top-width"))||0,r.left+=parseFloat(n(e[0]).css("border-left-width"))||0,{top:i.top-r.top,left:i.left-r.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||a.body;t&&!d.test(t.nodeName)&&"static"==n(t).css("position");)t=t.offsetParent;return t})}},n.fn.detach=n.fn.remove,["width","height"].forEach(function(e){var i=e.replace(/./,function(t){return t[0].toUpperCase()});n.fn[e]=function(r){var o,s=this[0];return r===t?_(s)?s["inner"+i]:$(s)?s.documentElement["scroll"+i]:(o=this.offset())&&o[e]:this.each(function(t){s=n(this),s.css(e,J(this,r,t,s[e]()))})}}),v.forEach(function(t,e){var i=e%2;n.fn[t]=function(){var t,o,r=n.map(arguments,function(e){return t=L(e),"object"==t||"array"==t||null==e?e:T.fragment(e)}),s=this.length>1;return r.length<1?this:this.each(function(t,u){o=i?u:u.parentNode,u=0==e?u.nextSibling:1==e?u.firstChild:2==e?u:null;var f=n.contains(a.documentElement,o);r.forEach(function(t){if(s)t=t.cloneNode(!0);else if(!o)return n(t).remove();o.insertBefore(t,u),f&&G(t,function(t){null==t.nodeName||"SCRIPT"!==t.nodeName.toUpperCase()||t.type&&"text/javascript"!==t.type||t.src||window.eval.call(window,t.innerHTML)})})})},n.fn[i?t+"To":"insert"+(e?"Before":"After")]=function(e){return n(e)[t](this),this}}),T.Z.prototype=n.fn,T.uniq=N,T.deserializeValue=Y,n.zepto=T,n}();window.Zepto=Zepto,void 0===window.$&&(window.$=Zepto),function(t){function l(t){return t._zid||(t._zid=e++)}function h(t,e,n,i){if(e=p(e),e.ns)var r=d(e.ns);return(s[l(t)]||[]).filter(function(t){return!(!t||e.e&&t.e!=e.e||e.ns&&!r.test(t.ns)||n&&l(t.fn)!==l(n)||i&&t.sel!=i)})}function p(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function d(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function m(t,e){return t.del&&!u&&t.e in f||!!e}function g(t){return c[t]||u&&f[t]||t}function v(e,i,r,o,a,u,f){var h=l(e),d=s[h]||(s[h]=[]);i.split(/\s/).forEach(function(i){if("ready"==i)return t(document).ready(r);var s=p(i);s.fn=r,s.sel=a,s.e in c&&(r=function(e){var n=e.relatedTarget;return!n||n!==this&&!t.contains(this,n)?s.fn.apply(this,arguments):void 0}),s.del=u;var l=u||r;s.proxy=function(t){if(t=j(t),!t.isImmediatePropagationStopped()){t.data=o;var i=l.apply(e,t._args==n?[t]:[t].concat(t._args));return i===!1&&(t.preventDefault(),t.stopPropagation()),i}},s.i=d.length,d.push(s),"addEventListener"in e&&e.addEventListener(g(s.e),s.proxy,m(s,f))})}function y(t,e,n,i,r){var o=l(t);(e||"").split(/\s/).forEach(function(e){h(t,e,n,i).forEach(function(e){delete s[o][e.i],"removeEventListener"in t&&t.removeEventListener(g(e.e),e.proxy,m(e,r))})})}function j(e,i){return(i||!e.isDefaultPrevented)&&(i||(i=e),t.each(E,function(t,n){var r=i[t];e[t]=function(){return this[n]=x,r&&r.apply(i,arguments)},e[n]=b}),(i.defaultPrevented!==n?i.defaultPrevented:"returnValue"in i?i.returnValue===!1:i.getPreventDefault&&i.getPreventDefault())&&(e.isDefaultPrevented=x)),e}function S(t){var e,i={originalEvent:t};for(e in t)w.test(e)||t[e]===n||(i[e]=t[e]);return j(i,t)}var n,e=1,i=Array.prototype.slice,r=t.isFunction,o=function(t){return"string"==typeof t},s={},a={},u="onfocusin"in window,f={focus:"focusin",blur:"focusout"},c={mouseenter:"mouseover",mouseleave:"mouseout"};a.click=a.mousedown=a.mouseup=a.mousemove="MouseEvents",t.event={add:v,remove:y},t.proxy=function(e,n){var s=2 in arguments&&i.call(arguments,2);if(r(e)){var a=function(){return e.apply(n,s?s.concat(i.call(arguments)):arguments)};return a._zid=l(e),a}if(o(n))return s?(s.unshift(e[n],e),t.proxy.apply(null,s)):t.proxy(e[n],e);throw new TypeError("expected function")},t.fn.bind=function(t,e,n){return this.on(t,e,n)},t.fn.unbind=function(t,e){return this.off(t,e)},t.fn.one=function(t,e,n,i){return this.on(t,e,n,i,1)};var x=function(){return!0},b=function(){return!1},w=/^([A-Z]|returnValue$|layer[XY]$)/,E={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};t.fn.delegate=function(t,e,n){return this.on(e,t,n)},t.fn.undelegate=function(t,e,n){return this.off(e,t,n)},t.fn.live=function(e,n){return t(document.body).delegate(this.selector,e,n),this},t.fn.die=function(e,n){return t(document.body).undelegate(this.selector,e,n),this},t.fn.on=function(e,s,a,u,f){var c,l,h=this;return e&&!o(e)?(t.each(e,function(t,e){h.on(t,s,a,e,f)}),h):(o(s)||r(u)||u===!1||(u=a,a=s,s=n),(r(a)||a===!1)&&(u=a,a=n),u===!1&&(u=b),h.each(function(n,r){f&&(c=function(t){return y(r,t.type,u),u.apply(this,arguments)}),s&&(l=function(e){var n,o=t(e.target).closest(s,r).get(0);return o&&o!==r?(n=t.extend(S(e),{currentTarget:o,liveFired:r}),(c||u).apply(o,[n].concat(i.call(arguments,1)))):void 0}),v(r,e,u,a,s,l||c)}))},t.fn.off=function(e,i,s){var a=this;return e&&!o(e)?(t.each(e,function(t,e){a.off(t,i,e)}),a):(o(i)||r(s)||s===!1||(s=i,i=n),s===!1&&(s=b),a.each(function(){y(this,e,s,i)}))},t.fn.trigger=function(e,n){return e=o(e)||t.isPlainObject(e)?t.Event(e):j(e),e._args=n,this.each(function(){e.type in f&&"function"==typeof this[e.type]?this[e.type]():"dispatchEvent"in this?this.dispatchEvent(e):t(this).triggerHandler(e,n)})},t.fn.triggerHandler=function(e,n){var i,r;return this.each(function(s,a){i=S(o(e)?t.Event(e):e),i._args=n,i.target=a,t.each(h(a,e.type||e),function(t,e){return r=e.proxy(i),i.isImmediatePropagationStopped()?!1:void 0})}),r},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(e){t.fn[e]=function(t){return 0 in arguments?this.bind(e,t):this.trigger(e)}}),t.Event=function(t,e){o(t)||(e=t,t=e.type);var n=document.createEvent(a[t]||"Events"),i=!0;if(e)for(var r in e)"bubbles"==r?i=!!e[r]:n[r]=e[r];return n.initEvent(t,i,!0),j(n)}}(Zepto),function(t){function h(e,n,i){var r=t.Event(n);return t(e).trigger(r,i),!r.isDefaultPrevented()}function p(t,e,i,r){return t.global?h(e||n,i,r):void 0}function d(e){e.global&&0===t.active++&&p(e,null,"ajaxStart")}function m(e){e.global&&!--t.active&&p(e,null,"ajaxStop")}function g(t,e){var n=e.context;return e.beforeSend.call(n,t,e)===!1||p(e,n,"ajaxBeforeSend",[t,e])===!1?!1:void p(e,n,"ajaxSend",[t,e])}function v(t,e,n,i){var r=n.context,o="success";n.success.call(r,t,o,e),i&&i.resolveWith(r,[t,o,e]),p(n,r,"ajaxSuccess",[e,n,t]),x(o,e,n)}function y(t,e,n,i,r){var o=i.context;i.error.call(o,n,e,t),r&&r.rejectWith(o,[n,e,t]),p(i,o,"ajaxError",[n,i,t||e]),x(e,n,i)}function x(t,e,n){var i=n.context;n.complete.call(i,e,t),p(n,i,"ajaxComplete",[e,n]),m(n)}function b(){}function w(t){return t&&(t=t.split(";",2)[0]),t&&(t==f?"html":t==u?"json":s.test(t)?"script":a.test(t)&&"xml")||"text"}function E(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function j(e){e.processData&&e.data&&"string"!=t.type(e.data)&&(e.data=t.param(e.data,e.traditional)),!e.data||e.type&&"GET"!=e.type.toUpperCase()||(e.url=E(e.url,e.data),e.data=void 0)}function S(e,n,i,r){return t.isFunction(n)&&(r=i,i=n,n=void 0),t.isFunction(i)||(r=i,i=void 0),{url:e,data:n,success:i,dataType:r}}function C(e,n,i,r){var o,s=t.isArray(n),a=t.isPlainObject(n);t.each(n,function(n,u){o=t.type(u),r&&(n=i?r:r+"["+(a||"object"==o||"array"==o?n:"")+"]"),!r&&s?e.add(u.name,u.value):"array"==o||!i&&"object"==o?C(e,u,i,n):e.add(n,u)})}var i,r,e=0,n=window.document,o=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,s=/^(?:text|application)\/javascript/i,a=/^(?:text|application)\/xml/i,u="application/json",f="text/html",c=/^\s*$/,l=n.createElement("a");l.href=window.location.href,t.active=0,t.ajaxJSONP=function(i,r){if(!("type"in i))return t.ajax(i);var f,h,o=i.jsonpCallback,s=(t.isFunction(o)?o():o)||"jsonp"+ ++e,a=n.createElement("script"),u=window[s],c=function(e){t(a).triggerHandler("error",e||"abort")},l={abort:c};return r&&r.promise(l),t(a).on("load error",function(e,n){clearTimeout(h),t(a).off().remove(),"error"!=e.type&&f?v(f[0],l,i,r):y(null,n||"error",l,i,r),window[s]=u,f&&t.isFunction(u)&&u(f[0]),u=f=void 0}),g(l,i)===!1?(c("abort"),l):(window[s]=function(){f=arguments},a.src=i.url.replace(/\?(.+)=\?/,"?$1="+s),n.head.appendChild(a),i.timeout>0&&(h=setTimeout(function(){c("timeout")},i.timeout)),l)},t.ajaxSettings={type:"GET",beforeSend:b,success:b,error:b,complete:b,context:null,global:!0,xhr:function(){return new window.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:u,xml:"application/xml, text/xml",html:f,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0},t.ajax=function(e){var a,o=t.extend({},e||{}),s=t.Deferred&&t.Deferred();for(i in t.ajaxSettings)void 0===o[i]&&(o[i]=t.ajaxSettings[i]);d(o),o.crossDomain||(a=n.createElement("a"),a.href=o.url,a.href=a.href,o.crossDomain=l.protocol+"//"+l.host!=a.protocol+"//"+a.host),o.url||(o.url=window.location.toString()),j(o);var u=o.dataType,f=/\?.+=\?/.test(o.url);if(f&&(u="jsonp"),o.cache!==!1&&(e&&e.cache===!0||"script"!=u&&"jsonp"!=u)||(o.url=E(o.url,"_="+Date.now())),"jsonp"==u)return f||(o.url=E(o.url,o.jsonp?o.jsonp+"=?":o.jsonp===!1?"":"callback=?")),t.ajaxJSONP(o,s);var C,h=o.accepts[u],p={},m=function(t,e){p[t.toLowerCase()]=[t,e]},x=/^([\w-]+:)\/\//.test(o.url)?RegExp.$1:window.location.protocol,S=o.xhr(),T=S.setRequestHeader;if(s&&s.promise(S),o.crossDomain||m("X-Requested-With","XMLHttpRequest"),m("Accept",h||"*/*"),(h=o.mimeType||h)&&(h.indexOf(",")>-1&&(h=h.split(",",2)[0]),S.overrideMimeType&&S.overrideMimeType(h)),(o.contentType||o.contentType!==!1&&o.data&&"GET"!=o.type.toUpperCase())&&m("Content-Type",o.contentType||"application/x-www-form-urlencoded"),o.headers)for(r in o.headers)m(r,o.headers[r]);if(S.setRequestHeader=m,S.onreadystatechange=function(){if(4==S.readyState){S.onreadystatechange=b,clearTimeout(C);var e,n=!1;if(S.status>=200&&S.status<300||304==S.status||0==S.status&&"file:"==x){u=u||w(o.mimeType||S.getResponseHeader("content-type")),e=S.responseText;try{"script"==u?(1,eval)(e):"xml"==u?e=S.responseXML:"json"==u&&(e=c.test(e)?null:t.parseJSON(e))}catch(i){n=i}n?y(n,"parsererror",S,o,s):v(e,S,o,s)}else y(S.statusText||null,S.status?"error":"abort",S,o,s)}},g(S,o)===!1)return S.abort(),y(null,"abort",S,o,s),S;if(o.xhrFields)for(r in o.xhrFields)S[r]=o.xhrFields[r];var N="async"in o?o.async:!0;S.open(o.type,o.url,N,o.username,o.password);for(r in p)T.apply(S,p[r]);return o.timeout>0&&(C=setTimeout(function(){S.onreadystatechange=b,S.abort(),y(null,"timeout",S,o,s)},o.timeout)),S.send(o.data?o.data:null),S},t.get=function(){return t.ajax(S.apply(null,arguments))},t.post=function(){var e=S.apply(null,arguments);return e.type="POST",t.ajax(e)},t.getJSON=function(){var e=S.apply(null,arguments);return e.dataType="json",t.ajax(e)},t.fn.load=function(e,n,i){if(!this.length)return this;var a,r=this,s=e.split(/\s/),u=S(e,n,i),f=u.success;return s.length>1&&(u.url=s[0],a=s[1]),u.success=function(e){r.html(a?t("<div>").html(e.replace(o,"")).find(a):e),f&&f.apply(r,arguments)},t.ajax(u),this};var T=encodeURIComponent;t.param=function(e,n){var i=[];return i.add=function(e,n){t.isFunction(n)&&(n=n()),null==n&&(n=""),this.push(T(e)+"="+T(n))},C(i,e,n),i.join("&").replace(/%20/g,"+")}}(Zepto),function(t){t.fn.serializeArray=function(){var e,n,i=[],r=function(t){return t.forEach?t.forEach(r):void i.push({name:e,value:t})};return this[0]&&t.each(this[0].elements,function(i,o){n=o.type,e=o.name,e&&"fieldset"!=o.nodeName.toLowerCase()&&!o.disabled&&"submit"!=n&&"reset"!=n&&"button"!=n&&"file"!=n&&("radio"!=n&&"checkbox"!=n||o.checked)&&r(t(o).val())}),i},t.fn.serialize=function(){var t=[];return this.serializeArray().forEach(function(e){t.push(encodeURIComponent(e.name)+"="+encodeURIComponent(e.value))}),t.join("&")},t.fn.submit=function(e){if(0 in arguments)this.bind("submit",e);else if(this.length){var n=t.Event("submit");this.eq(0).trigger(n),n.isDefaultPrevented()||this.get(0).submit()}return this}}(Zepto),function(t){"__proto__"in{}||t.extend(t.zepto,{Z:function(e,n){return e=e||[],t.extend(e,t.fn),e.selector=n||"",e.__Z=!0,e},isZ:function(e){return"array"===t.type(e)&&"__Z"in e}});try{getComputedStyle(void 0)}catch(e){var n=getComputedStyle;window.getComputedStyle=function(t){try{return n(t)}catch(e){return null}}}}(Zepto);

夺命雷公狗---微信开发55----微信js-sdk接口开发（2）接口功能介绍之签名算法的更多相关文章

夺命雷公狗---微信开发62----所以memcache对access&lowbar;token进行全局缓存优化
公众号调用接口并不是无限制的,为了防止公众号的程序错误而引发微信服务器负载异常,默认情况下, 每个公众号调用接口都不能超过一定限制,当超过一定限制时,调用对应接口会收到错误信息,造成调用失败. 我们也 ...
夺命雷公狗---微信开发17----自定义菜单的事件推送，响应菜单的CLICK
废话不多说,index.php 代码如下所示: <?php /** * wechat php test */ //define your token require_once "com ...
夺命雷公狗---微信开发59----在线点播电影网1之ckplayer播放器
我们节课程就要开始写一个小项目了,这项目主要是写一个在线点播电影影网的,我们用到的播放器是ckplayer ckplayer基本介绍: ckplayer的全称是:超酷flv播放器,他是一款用于网页上播 ...
夺命雷公狗-----React---12--添加类和样式
<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title></ ...
夺命雷公狗-----React---11--添加css样式的方法
<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title></ ...
夺命雷公狗-----React---10--组建嵌套进行数据遍历
先写一个组建... 然后进行嵌套.. <!DOCTYPE html> <html lang="en"> <head> <meta char ...
夺命雷公狗-----React---9--map数据的遍历
比如我们要实现的是这种效果: 用这种方法来写,她只能写死在哪,没啥意思,所以我们定义一个数据,然后来测试下map方法对她遍历出来的数据 <!DOCTYPE html> <html l ...
夺命雷公狗-----React---8--react官方提供的组建实现双向绑定
首先要引入她.. <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
夺命雷公狗-----React---7--组建的状态props和state
props:组建初始要渲染的数据,他是不可以改变的 state:组建状态发生改变,调用render重新渲染数据我们来写一个例子: <!DOCTYPE html> <html lan ...
夺命雷公狗-----React---6--props多属性的传递
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

WebAPI返回数据类型解惑[转]
最近开始使用WebAPI,上手很容易,然后有些疑惑 1.WebAPI默认返回什么数据类型,json还是xml? 2.怎么修改WebAPI的返回数据类型,我用IE浏览器请求返回的数据都是JSON格式的, ...
学习总结 java 父子级
package com.hanqi; //父类 public class Father { // public Father() // { // // } // public Father(Strin ...
Android开发中Eclipse里的智能提示设置
今天开始学习一下Android开发,直接在Android Developers下载的一个开发工具包,然后再下了一个JDK,配置完环境变量等一系列的工作后环境就搭建好了,在新建好第一个Android项目 ...
使用ICSharpCode&period;SharpZipLib&period;Zip实现压缩与解压缩
使用开源类库ICSharpCode.SharpZipLib.Zip可以实现压缩与解压缩功能,源代码和DLL可以从http://www.icsharpcode.net/OpenSource/SharpZ ...
日志收集之kafka
日志收集之kafka http://www.jianshu.com/p/f78b773ddde5 一.介绍 Kafka是一种分布式的,基于发布/订阅的消息系统.主要设计目标如下: 以时间复杂度为O(1 ...
读取cc2530节点的设备类型、协调器、路由器、终端。
建立网络.加入网络流程分析协调器节点:在1-10 实验8 网络通信实验2 组播通信中 while(MSGpkt) { switch(MSGpkt->hdr.event) { case ZDO ...
kafka集群中常见错误的解决方法：kafka&period;common&period;KafkaException&colon; Should not set log end offset on partition
问题描述:kafka单台机器做集群操作是没有问题的,如果分布多台机器并且partitions或者备份的个数大于1都会报kafka.common.KafkaException: Should not s ...
Django入门四之数据库相关
1. 数据库设置在settings.py中配置数据库我首先使用的是sqlite3,所以配置如下 2. 数据库的数据结构定义 #blog/models.py #定义了一个表(Student),表里两 ...
用 pdf&period;js兼容部分安卓显示PDF在线预览时，a标签直接链接参数文件不能含中文的解决办法
例子: 项目部署在 Tomcat 上的: <a href="../generic/web/viewer.html?file=doc/register/要显示的文件.pdf" ...
c语言之数据类型
#include<stdio.h> int main(void) { float weight, value; printf("Are you worth your weight ...