写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 妈妈生日祝福语简短励志