寫jQuery插件時(shí)的注意點(diǎn)
更新時(shí)間：2017年02月20日 16:40:40 作者：海角在眼前
本文主要介紹了寫jQuery插件時(shí)該注意的知識(shí)點(diǎn)，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
寫好jQuery插件，有一些注意的地方（持續(xù)添加）。
支持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;
}));
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
jQuery實(shí)現(xiàn)表格的數(shù)據(jù)拖拽
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表格的數(shù)據(jù)拖拽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
jquery實(shí)現(xiàn)滑屏大圖定時(shí)收縮為小banner圖片的廣告代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)滑屏大圖定時(shí)收縮為小banner圖片的廣告代碼,可實(shí)現(xiàn)大幅廣告圖的漸顯效果及定時(shí)收縮功能,點(diǎn)擊左上角關(guān)閉按鈕還可隱藏廣告圖片,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
用jQuery實(shí)現(xiàn)的智能隱藏、滑動(dòng)效果的返回頂部代碼
這篇文章主要介紹了用jQuery實(shí)現(xiàn)的智能隱藏、帶滑動(dòng)效果的返回頂部代碼,非常實(shí)用,需要的朋友可以參考下2014-03-03
下面小編就為大家分享一篇jQuery封裝animate.css的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JQuery 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
分享一個(gè)asp.net pager分頁控件，想要自定義控件的朋友可以參考下。2012-01-01
jQuery中json對(duì)象的復(fù)制方式介紹(數(shù)組及對(duì)象)
本文為大家介紹下jQuery中json對(duì)象的復(fù)制：jQuery自帶的$.map方式、深復(fù)制與淺復(fù)制等等，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
真正的JQuery.ajax傳遞中文參數(shù)的解決方法
許多人在使用JQuery.ajax方法時(shí)肯定會(huì)遇到一個(gè)問題。在編碼不是UTF-8的時(shí)候，當(dāng)傳遞的參數(shù)里有中文的時(shí)候，服務(wù)端Request的時(shí)候都會(huì)出現(xiàn)亂碼。2011-05-05
這篇文章主要介紹了jQuery新窗口打開外鏈接的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
為jquery的ajaxfileupload增加附加參數(shù)的方法
這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下2014-03-03