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