寫jQuery插件時(shí)的注意點(diǎn)有哪些

這篇文章主要為大家展示了“寫jQuery插件時(shí)的注意點(diǎn)有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“寫jQuery插件時(shí)的注意點(diǎn)有哪些”這篇文章吧。

支持UMD

現(xiàn)在前端開發(fā)講究模塊化，所以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風(fēng)格，出現(xiàn)了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插件時(shí)的注意點(diǎn)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！