寫jQuery插件時的注意點
寫好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)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關(guān)文章
jquery插件hiAlert實現(xiàn)網(wǎng)頁對話框美化
hiAlert是一款基于jQuery的信息提示插件,它支持操作成功、操作失敗和操作提醒三種信息提示方式。hiAlert瀏覽器兼容性非常好,支持更改提示內(nèi)容,支持定位提示框的位置,可配置插件參數(shù)。2015-05-05jQuery實現(xiàn)手機號正則驗證輸入及自動填充空格功能
這篇文章主要介紹了jQuery實現(xiàn)手機號正則驗證輸入及自動填充空格功能,涉及jQuery事件響應(yīng)、字符串遍歷及正則判斷等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01Jquery跨域獲得Json時invalid label錯誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時候,經(jīng)常碰到 invalid label 這個錯誤,十分的郁悶,老是取不到服務(wù)器端發(fā)送回來的 json 值,一般跨域用到的兩個方法為:$.ajax 和 $.getJson2011-01-01