寫jQuery插件時(shí)的注意點(diǎn)
寫好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插件hiAlert實(shí)現(xiàn)網(wǎng)頁對(duì)話框美化
hiAlert是一款基于jQuery的信息提示插件,它支持操作成功、操作失敗和操作提醒三種信息提示方式。hiAlert瀏覽器兼容性非常好,支持更改提示內(nèi)容,支持定位提示框的位置,可配置插件參數(shù)。2015-05-05再說AutoComplete自動(dòng)補(bǔ)全之實(shí)現(xiàn)原理
再說AutoComplete自動(dòng)補(bǔ)全之實(shí)現(xiàn)原理,這里以asp.net后臺(tái)為主,考慮到性能最好是生成xml并入緩存。2011-11-11jQuery Ajax請(qǐng)求狀態(tài)管理器打包
現(xiàn)在的網(wǎng)站,在一個(gè)網(wǎng)頁中有異步請(qǐng)求甚至許多個(gè)異步請(qǐng)求已經(jīng)不足為奇。Ajax已經(jīng)成為了現(xiàn)在網(wǎng)站必須的基本功能,使網(wǎng)頁應(yīng)用更接近于桌面應(yīng)用2012-05-05jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能,涉及jQuery事件響應(yīng)、字符串遍歷及正則判斷等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01jquery 模式對(duì)話框終極版實(shí)現(xiàn)代碼
今天終于有時(shí)間把我以前寫的一個(gè)jQuery插件進(jìn)行整理,改進(jìn)。這是一個(gè)模擬“模式對(duì)話框”的插件,該模式對(duì)話框共有三種皮膚,紅、綠、藍(lán)。2009-09-09jQuery實(shí)現(xiàn)的tab標(biāo)簽切換效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的tab標(biāo)簽切換效果,結(jié)合實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09ztree實(shí)現(xiàn)權(quán)限橫向顯示功能
最近在做權(quán)限功能的時(shí)候,采用的ztree實(shí)現(xiàn)的,但是產(chǎn)品要求最后一層的權(quán)限節(jié)點(diǎn)要橫向顯示。下面小編把基于ztree實(shí)現(xiàn)權(quán)限橫向顯示功能的實(shí)現(xiàn)思路分享給大家,供大家參考2017-05-05Jquery跨域獲得Json時(shí)invalid label錯(cuò)誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時(shí)候,經(jīng)常碰到 invalid label 這個(gè)錯(cuò)誤,十分的郁悶,老是取不到服務(wù)器端發(fā)送回來的 json 值,一般跨域用到的兩個(gè)方法為:$.ajax 和 $.getJson2011-01-01