支持UMD
现在前端开发讲究模块化,所以jQuery插件也最好能够兼顾模块化。
模块化模式大概有几种: AMD、Commonjs、UMD。
AMD(Asynchronous Module DeFinition)
异步模块定义,可以异步的加载或依赖其他模块,支持的库如 Require.js,Sea.js 。
例子:
rush:js;">
// xxx-plugin.js
define(['jquery'],function ($) {
function myFunc(){};
return myFunc;
});
Commonjs
可以将Javascript按照 Node 模块的方式定义。
例子:
rush:js;">
var $ = require('jquery');
function myFunc(){};
module.exports = myFunc;
UMD(Universal Module DeFinition)
为了兼容 AMD 和 Commonjs风格,出现了UMD。
代码:
rush:js;">
(function (root,factory) {
if (typeof define === 'function' && define.amd) {
// AMD
define(['jquery'],factory);
} else if (typeof exports === 'object') {
// Node,Commonjs-like
module.exports = factory(require('jquery'));
} else {
// browser globals (root is window)
root.returnExports = factory(root.jQuery);
}
}(this,function ($) {
function myFunc(){};
return myFunc;
}));
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!
原文地址:https://www.jb51.cc/jquery/41458.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。