jQuery中extend函數(shù)詳解
1.$.extend({},defaults, options)
這樣做的目的是為了保護(hù)包默認(rèn)參數(shù)。也就是defaults里面的參數(shù)。
做法是將一個(gè)新的空對象（{}）做為$.extend的第一個(gè)參數(shù)，defaults和用戶傳遞的參數(shù)對象緊隨其后，這樣做的好處是所有值被合并到這個(gè)空對象上，保護(hù)了插件里面的默認(rèn)值。
$.fn.myPlugin = function(options) {
var defaults = {
'color': 'red',
'fontSize': '12px'
};
var settings = $.extend({},defaults, options);//將一個(gè)空對象做為第一個(gè)參數(shù)
return this.css({
'color': settings.color,
'fontSize': settings.fontSize
});
}
2.代碼混淆與壓縮
你下載的插件里面，一般都會提供一個(gè)壓縮的版本一般在文件名里帶個(gè)'min'字樣。也就是minified的意思，壓縮濃縮后的版本
這里的壓縮不是指代碼進(jìn)行功能上的壓縮，而是通過將代碼里面的變量名，方法函數(shù)名等等用更短的名稱來替換，并且刪除注釋（如果有的話）刪除代碼間的空白及換行所得到的濃縮版本。同時(shí)由于代碼里面的各種名稱都已經(jīng)被替代，別人無法閱讀和分清其邏輯，也起到了混淆代碼的作用。
壓縮的好處：1.代碼量變少，加快加載速度，提高性能
2.防止別人盜用代碼
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
- 模仿JQuery.extend函數(shù)擴(kuò)展自己對象的js代碼
- jQuery中extend函數(shù)的實(shí)現(xiàn)原理詳解
- Jquery實(shí)現(xiàn)$.fn.extend和$.extend函數(shù)
- jQuery中extend函數(shù)詳解
- 原生js實(shí)現(xiàn)復(fù)制對象、擴(kuò)展對象 類似jquery中的extend()方法
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- Jquery中擴(kuò)展方法extend使用技巧
- jQuery插件擴(kuò)展extend的簡單實(shí)現(xiàn)原理
- 淺談jQuery中的$.extend方法來擴(kuò)展JSON對象
- jQuery中extend函數(shù)簡單用法示例
相關(guān)文章
jQuery中(function(){})()執(zhí)行順序的理解
function的順序是這樣的：先計(jì)算第一個(gè)小括號，發(fā)現(xiàn)里面的表達(dá)式是一個(gè)函數(shù)，返會該匿名函數(shù)的引用（指針），最后一個(gè)括號則是建立匿名函數(shù)的實(shí)參和并執(zhí)行，感興趣的你可以參考下本文2013-03-03
jquery緩動(dòng)swing liner控制動(dòng)畫過程不同時(shí)刻的速度
一個(gè)用來控制動(dòng)畫過程的速度的參數(shù)，這就是緩動(dòng)(easing)，它確定了動(dòng)畫過程不同時(shí)刻的速度2014-05-05
當(dāng)有大量的內(nèi)容或者圖片需要在你的網(wǎng)站或者BLOG上展示的時(shí)候，以幻燈片滑動(dòng)的方式是一個(gè)不錯(cuò)的選擇，這種效果常用于公司網(wǎng)站或者個(gè)人BLOG。2010-10-10
JQuery實(shí)現(xiàn)簡單的圖片滑動(dòng)切換特效
基于jQuery的一款圖片展示特效代碼,鼠標(biāo)移到圖片上方懸停時(shí)會自動(dòng)切換成文字簡單顯示,適合做圖片集展示,推薦給大家。2015-11-11
本篇文章詳細(xì)概述了jQuery選擇器的作用并對其進(jìn)行了實(shí)例解析，有助于理解與學(xué)習(xí)。文章通過對jQuery選擇器進(jìn)行分類的形式進(jìn)行一一介紹，有助于理解與記憶，希望通過對本文的閱讀對大家有所幫助2016-11-11
jQuery實(shí)現(xiàn)點(diǎn)擊按鈕彈出可關(guān)閉層的浮動(dòng)層插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕彈出可關(guān)閉層的浮動(dòng)層插件,具有點(diǎn)擊彈出帶有遮罩層的浮動(dòng)層效果,且浮動(dòng)層可拖動(dòng)、可關(guān)閉,需要的朋友可以參考下2015-09-09
jQuery基于xml格式數(shù)據(jù)實(shí)現(xiàn)模糊查詢及分頁功能的方法
這篇文章主要介紹了jQuery基于xml格式數(shù)據(jù)實(shí)現(xiàn)模糊查詢及分頁功能的方法,涉及jQuery使用ajax技術(shù)針對xml格式數(shù)據(jù)的讀取、模糊查詢及分頁顯示等相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
jQuery實(shí)現(xiàn)html表格動(dòng)態(tài)添加新行的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)html表格動(dòng)態(tài)添加新行的方法,涉及jQuery鼠標(biāo)事件及頁面元素的操作技巧,需要的朋友可以參考下2015-05-05
jquery對標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性
這篇文章主要介紹了jquery對標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性，jQuery是一個(gè)JavaScript庫。極大地簡化了JavaScript編程，下面關(guān)于其詳細(xì)介紹，需要的小伙伴可以參考一下2022-03-03
JQuery是個(gè)不錯(cuò)的框架，以下總結(jié)了5個(gè)每個(gè)網(wǎng)站開發(fā)者都應(yīng)該知道的小技巧，都是一些非常不錯(cuò)的，經(jīng)常能用得到的。2010-01-01