写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;
}));
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!