DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery中extend函數詳解
jQuery中extend函數詳解
編輯:關於JavaScript     

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

這樣做的目的是為了保護包默認參數。也就是defaults裡面的參數。

做法是將一個新的空對象({})做為$.extend的第一個參數,defaults和用戶傳遞的參數對象緊隨其後,這樣做的好處是所有值被合並到這個空對象上,保護了插件裡面的默認值。

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

2.代碼混淆與壓縮

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

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

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

      2.防止別人盜用代碼

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved