JavaScript 笔记

iOS 攻城狮一枚，因为公司人手不够，写了2个多月的 JS，对 HTML、JavaScript、CSS 也算略有了解。这里把自己认为比较好用的东西，和踩过的坑，记录、分享给大家。

先贴几个传送门：

• 菜鸟教程
• w3school
• W3Cschool
• 前端开发仓库
• HTML5in
• jQuery 插件库
• Bootstrap
• Font Awesome 完美的图标字体

1、二维码图片生成插件：QRCode.js
前段时间，负责公司网站支付这一块。支付宝的支付可以跳转到支付宝收银台，微信支付则需要生成一个二维码用户扫码支付，身为 JS 小白的我就是用 QRCode.js 实现的。

使用：

在 HTML 文件中引用 jquery.min.js、qrcode.js

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="qrcode.js"></script>

二维码样式（看自己需求）

<div id="qrcode" style="width:100px; height:100px; margin-top:10px;"></div>

JS 中：

// code 为微信返回的二维码链接 code_url，格式：weixin://wxpay/bizpayurl?sr=XXXXX
var code=json.charge.credential.wx_pub_qr;
var qrcode = new QRCode(document.getElementById("qrcode"), {
    width : 200,
    height : 200
});
function makeCode () {      
    if (!code) {
        return;
    }
    qrcode.makeCode(code);
}
makeCode();

• 微信支付|开发文档
• QRCode.js 下载、Demo 及详细说明

2、判断微信浏览器
前端开发免不了和微信打交道，JS 中判断是否为微信浏览器：

function isWeiXin() {
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        console.log('微信');
    }else{
        console.log('其他');
    }
}

使用微信 web 开发者工具可模拟微信浏览器，方便调试。但是目前 mac 上 v0.12 版本中，小程序开发预览会出现白屏情况，其他正常。

• 微信 web 开发者工具下载