写jQuery插件时的注意点
写好jQuery插件,有一些注意的地方(持续添加)。
支持UMD
现在前端开发讲究模块化,所以jQuery插件也最好能够兼顾模块化。
模块化模式大概有几种:AMD、CommonJs、UMD。
AMD(AsynchronousModuleDefinition)
异步模块定义,可以异步的加载或依赖其他模块,支持的库如Require.js,Sea.js。
例子:
//xxx-plugin.js
define(['jquery'],function($){
functionmyFunc(){};
returnmyFunc;
});
CommonJs
可以将Javascript按照Node模块的方式定义。
例子:
var$=require('jquery');
functionmyFunc(){};
module.exports=myFunc;
UMD(UniversalModuleDefinition)
为了兼容AMD和CommonJs风格,出现了UMD。
代码:
(function(root,factory){
if(typeofdefine==='function'&&define.amd){
//AMD
define(['jquery'],factory);
}elseif(typeofexports==='object'){
//Node,CommonJS-like
module.exports=factory(require('jquery'));
}else{
//Browserglobals(rootiswindow)
root.returnExports=factory(root.jQuery);
}
}(this,function($){
functionmyFunc(){};
returnmyFunc;
}));
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
10 朋友新年祝福语大全 简短
11 新年祝福语简短大方兔年
12 搬新家礼物祝福语简短
13 同学见面花束祝福语简短
14 五一假期祝福语幽默简短
15 离职欢送敬酒祝福语简短
16 对学弟的祝福语简短
17 考老师辞职祝福语简短
18 祝福语驱散霉运的话简短