JavaScript 笔记

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

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();

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 版本中,小程序开发预览会出现白屏情况,其他正常。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,808评论 25 709
  • 早上起来推开窗户,能感受到阳光,这说明北京今天的天气并不很糟。看着窗台上自己养的两盆芦荟,如今已经长得那么茁壮而翠...
    文科升阅读 9,177评论 76 321
  • 姓名:巴桂成 公司:宁波大发化纤有限公司 宁波盛和塾《六项精进》235期学员 【日精进打卡第91天】 【知~学习】...
    巴桂成_c6dd阅读 151评论 0 0
  • 第一章:交到了朋友 要见大家了,好紧张!夏安菲扶着额头,心里一百个不乐意。 “妈妈,咱要不掉头回去吧!”夏...
    朱小猪w阅读 173评论 0 0
  • 愿那些没能珍惜的青春和回忆,在经历了成长的阵痛之后能在心底认真而平静地告别,愿我们没能实现的梦想,在最无助难过的时...
    木子可可阅读 372评论 0 3