写jQuery插件时的注意点
写好jQuery插件,有一些注意的地方(持续添加)。
支持UMD
现在前端开发讲究模块化,所以jQuery插件也最好能够兼顾模块化。
模块化模式大概有几种: AMD、CommonJs、UMD。
AMD(Asynchronous Module Definition)
异步模块定义,可以异步的加载或依赖其他模块,支持的库如 Require.js, Sea.js 。
例子:
// xxx-plugin.js
define(['jquery'], function ($) {
function myFunc(){};
return myFunc;
});
CommonJs
可以将Javascript按照 Node 模块的方式定义。
例子:
var $ = require('jquery');
function myFunc(){};
module.exports = myFunc;
UMD(Universal Module Definition)
为了兼容 AMD 和 CommonJs风格,出现了UMD。
代码:
(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;
}));
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
相关文章
jquery实现滑屏大图定时收缩为小banner图片的广告代码
这篇文章主要介绍了jquery实现滑屏大图定时收缩为小banner图片的广告代码,可实现大幅广告图的渐显效果及定时收缩功能,点击左上角关闭按钮还可隐藏广告图片,非常具有实用价值,需要的朋友可以参考下2015-09-09
JQuery 在文档中查找指定name的元素并移除的实现方法
下面小编就为大家带来一篇JQuery 在文档中查找指定name的元素并移除的实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05
为jquery的ajaxfileupload增加附加参数的方法
这篇文章主要介绍了为jquery的ajaxfileupload增加附加参数的方法,需要的朋友可以参考下2014-03-03


最新评论