jQuery中extend函數(shù)詳解
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)容了,希望大家能夠喜歡。
- 模仿JQuery.extend函數(shù)擴展自己對象的js代碼
- jQuery中extend函數(shù)的實現(xiàn)原理詳解
- Jquery實現(xiàn)$.fn.extend和$.extend函數(shù)
- jQuery中extend函數(shù)詳解
- 原生js實現(xiàn)復(fù)制對象、擴展對象 類似jquery中的extend()方法
- jQuery.extend()、jQuery.fn.extend()擴展方法示例詳解
- Jquery中擴展方法extend使用技巧
- jQuery插件擴展extend的簡單實現(xiàn)原理
- 淺談jQuery中的$.extend方法來擴展JSON對象
- jQuery中extend函數(shù)簡單用法示例
相關(guān)文章
基于jquery實現(xiàn)后臺左側(cè)菜單點擊上下滑動顯示
一個左側(cè)菜單點擊是可以上下滑動,簡潔時尚,復(fù)制即可使用,感興趣的朋友可以參考下哈,希望對你有所幫助2013-04-04jQuery實現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單效果,以完整實例形式分析了jQuery響應(yīng)鼠標(biāo)事件實現(xiàn)針對頁面元素的遍歷及樣式的動態(tài)操作技巧,需要的朋友可以參考下2015-09-09jQuery Validation PlugIn的使用方法詳解
這篇文章主要介紹了jQuery Validation PlugIn的使用方法,需要的朋友可以參考下2015-12-12jquery nth-child()選擇器的簡單應(yīng)用
今天項目中遇到過一個這樣的問題,就是希望讀出來的文章列表能夠每隔五個加一個分割條,而不是每個都加。2010-07-07jQuery 網(wǎng)易相冊鼠標(biāo)移動顯示隱藏效果實現(xiàn)代碼
顯示隱藏效果的實現(xiàn)主要是jquery層選擇器的應(yīng)用:當(dāng)鼠標(biāo)移動經(jīng)過照片就顯示設(shè)為封面刪除,移開后就隱藏,此效果在web開發(fā)中經(jīng)常會用到,感興趣的朋友可以參考下哈2013-03-03