快捷導(dǎo)航

jQuery中extend函數(shù)詳解

更新時間：2015年07月13日 09:57:45 投稿：hebedich

這篇文章主要介紹了jQuery中extend函數(shù)詳解的相關(guān)資料,需要的朋友可以參考下

1.$.extend({},defaults, options)

這樣做的目的是為了保護(hù)包默認(rèn)參數(shù)。也就是defaults里面的參數(shù)。

做法是將一個新的空對象（{}）做為$.extend的第一個參數(shù)，defaults和用戶傳遞的參數(shù)對象緊隨其后，這樣做的好處是所有值被合并到這個空對象上，保護(hù)了插件里面的默認(rèn)值。

$.fn.myPlugin = function(options) {
  var defaults = {
    'color': 'red',
    'fontSize': '12px'
  };
  var settings = $.extend({},defaults, options);//將一個空對象做為第一個參數(shù)
  return this.css({
    'color': settings.color,
    'fontSize': settings.fontSize
  });
}

2.代碼混淆與壓縮

你下載的插件里面，一般都會提供一個壓縮的版本一般在文件名里帶個'min'字樣。也就是minified的意思，壓縮濃縮后的版本

這里的壓縮不是指代碼進(jìn)行功能上的壓縮，而是通過將代碼里面的變量名，方法函數(shù)名等等用更短的名稱來替換，并且刪除注釋（如果有的話）刪除代碼間的空白及換行所得到的濃縮版本。同時由于代碼里面的各種名稱都已經(jīng)被替代，別人無法閱讀和分清其邏輯，也起到了混淆代碼的作用。

壓縮的好處：1.代碼量變少，加快加載速度，提高性能

　　　　　　2.防止別人盜用代碼

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jQuery中(function(){})()執(zhí)行順序的理解
function的順序是這樣的：先計算第一個小括號，發(fā)現(xiàn)里面的表達(dá)式是一個函數(shù)，返會該匿名函數(shù)的引用（指針），最后一個括號則是建立匿名函數(shù)的實參和并執(zhí)行，感興趣的你可以參考下本文
2013-03-03
jquery緩動swing liner控制動畫過程不同時刻的速度
一個用來控制動畫過程的速度的參數(shù)，這就是緩動(easing)，它確定了動畫過程不同時刻的速度
2014-05-05
10個基于Jquery的幻燈片插件教程
當(dāng)有大量的內(nèi)容或者圖片需要在你的網(wǎng)站或者BLOG上展示的時候，以幻燈片滑動的方式是一個不錯的選擇，這種效果常用于公司網(wǎng)站或者個人BLOG。
2010-10-10
JQuery實現(xiàn)簡單的圖片滑動切換特效
基于jQuery的一款圖片展示特效代碼,鼠標(biāo)移到圖片上方懸停時會自動切換成文字簡單顯示,適合做圖片集展示,推薦給大家。
2015-11-11
分類解析jQuery選擇器
本篇文章詳細(xì)概述了jQuery選擇器的作用并對其進(jìn)行了實例解析，有助于理解與學(xué)習(xí)。文章通過對jQuery選擇器進(jìn)行分類的形式進(jìn)行一一介紹，有助于理解與記憶，希望通過對本文的閱讀對大家有所幫助
2016-11-11
jQuery實現(xiàn)點擊按鈕彈出可關(guān)閉層的浮動層插件
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕彈出可關(guān)閉層的浮動層插件,具有點擊彈出帶有遮罩層的浮動層效果,且浮動層可拖動、可關(guān)閉,需要的朋友可以參考下
2015-09-09
jQuery基于xml格式數(shù)據(jù)實現(xiàn)模糊查詢及分頁功能的方法
這篇文章主要介紹了jQuery基于xml格式數(shù)據(jù)實現(xiàn)模糊查詢及分頁功能的方法,涉及jQuery使用ajax技術(shù)針對xml格式數(shù)據(jù)的讀取、模糊查詢及分頁顯示等相關(guān)操作技巧,需要的朋友可以參考下
2016-12-12
jQuery實現(xiàn)html表格動態(tài)添加新行的方法
這篇文章主要介紹了jQuery實現(xiàn)html表格動態(tài)添加新行的方法,涉及jQuery鼠標(biāo)事件及頁面元素的操作技巧,需要的朋友可以參考下
2015-05-05
jquery對標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性
這篇文章主要介紹了jquery對標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性，jQuery是一個JavaScript庫。極大地簡化了JavaScript編程，下面關(guān)于其詳細(xì)介紹，需要的小伙伴可以參考一下
2022-03-03
jQuery開發(fā)者都需要知道的5個小技巧
JQuery是個不錯的框架，以下總結(jié)了5個每個網(wǎng)站開發(fā)者都應(yīng)該知道的小技巧，都是一些非常不錯的，經(jīng)常能用得到的。
2010-01-01