写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 出阁宴祝福语姐姐简短