编写模块化的jquery插件

这篇博客是解决了jquery加载jquery.cookie插件,jquery加载失败的问题。

这两天看了点儿requirejs,于是开始尝试编写模块化的Javascript代码,于是,特别想应用到项目中去。

废话不多说,鄙人菜鸡一枚,就不赘述requirejs的API了,不懂的朋友请自行到它的官方网站查看。

然后,我急切的将它应用到项目中,第一个问题就让我懵逼了,得益于这个问题,让我学到了新东西。


我的项目结构是没有错,打开F12,查看jquery先是被加载进来了,然后又被改掉了,于是,好吧,各方查资料,没有答案,是在下输了。

没法就自己改jquery.cookie的源码好了。

不看不知道,一看吓一跳:

先上没改的源代码(最开始的几行):

function(factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD
        define(['../jquery'], factory);
    } else if (typeof exports === 'object') {
        // CommonJS
        factory(require('jquery'));
    } else {
        // Browser globals
        factory(jQuery);
    }
}
于是,问题就处在define上面,它让requirejs到上层目录去找jquery,我的项目目录jquery和jquery.cookie是在同一目录下,肯定是找不到的。

于是将它改成define("jquery",factory),就可以了。

请仔细看这段代码,然后就开始感慨了,这歪果仁怎么这么厉害呢,我怎么就想不到呢?

一个立即执行的函数里面传入factory参数,真正起作用的就是就是这个factory了,然后在函数里面执行以后,便满足了AMD或者CommonJS的语法规范了。真是字字珠玑啊!

于是以后这段代码就可以常用了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值