使用reqire.js 生成二维码

最新项目中使用到 reqiure.js ; 使用了一个月的感觉是: 这个确实是一个利器,如果会使用的话,能轻易理顺js之间的依赖关系,从而可以重复使用js,可以减少代码量,可以提升开发速度,但是刚开始上手用点很不适应.

这次使用reqiure.js 引用非 AMD规范的 jquery 和 jquery的插件 jquery.qrcode.js utf.js ;

先来张效果图:

使用reqire.js 生成二维码

接着上关键部分代码:

main.js

requirejs.config({
    baseUrl: "js/lib",
    shim: {
        'jquery.qrcode': {
            deps: ['jquery', 'utf']
        }
    }
});

require(['jquery', 'jquery.qrcode'], function($, x) {
    jQuery('#qrcodeCanvas').qrcode({
        render: "canvas",