jQuery中extend函數(shù)詳解
1.$.extend({},defaults, options)
這樣做的目的是為了保護(hù)包默認(rèn)參數(shù)。也就是defaults里面的參數(shù)。
做法是將一個(gè)新的空對(duì)象({})做為$.extend的第一個(gè)參數(shù),defaults和用戶傳遞的參數(shù)對(duì)象緊隨其后,這樣做的好處是所有值被合并到這個(gè)空對(duì)象上,保護(hù)了插件里面的默認(rèn)值。
$.fn.myPlugin = function(options) { var defaults = { 'color': 'red', 'fontSize': '12px' }; var settings = $.extend({},defaults, options);//將一個(gè)空對(duì)象做為第一個(gè)參數(shù) return this.css({ 'color': settings.color, 'fontSize': settings.fontSize }); }
2.代碼混淆與壓縮
你下載的插件里面,一般都會(huì)提供一個(gè)壓縮的版本一般在文件名里帶個(gè)'min'字樣。也就是minified的意思,壓縮濃縮后的版本
這里的壓縮不是指代碼進(jìn)行功能上的壓縮,而是通過將代碼里面的變量名,方法函數(shù)名等等用更短的名稱來替換,并且刪除注釋(如果有的話)刪除代碼間的空白及換行所得到的濃縮版本。同時(shí)由于代碼里面的各種名稱都已經(jīng)被替代,別人無法閱讀和分清其邏輯,也起到了混淆代碼的作用。
壓縮的好處:1.代碼量變少,加快加載速度,提高性能
2.防止別人盜用代碼
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- 模仿JQuery.extend函數(shù)擴(kuò)展自己對(duì)象的js代碼
- jQuery中extend函數(shù)的實(shí)現(xiàn)原理詳解
- Jquery實(shí)現(xiàn)$.fn.extend和$.extend函數(shù)
- jQuery中extend函數(shù)詳解
- 原生js實(shí)現(xiàn)復(fù)制對(duì)象、擴(kuò)展對(duì)象 類似jquery中的extend()方法
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- Jquery中擴(kuò)展方法extend使用技巧
- jQuery插件擴(kuò)展extend的簡(jiǎn)單實(shí)現(xiàn)原理
- 淺談jQuery中的$.extend方法來擴(kuò)展JSON對(duì)象
- jQuery中extend函數(shù)簡(jiǎn)單用法示例
相關(guān)文章
基于jquery實(shí)現(xiàn)后臺(tái)左側(cè)菜單點(diǎn)擊上下滑動(dòng)顯示
一個(gè)左側(cè)菜單點(diǎn)擊是可以上下滑動(dòng),簡(jiǎn)潔時(shí)尚,復(fù)制即可使用,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-04-04jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級(jí)導(dǎo)航菜單效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿美橙互聯(lián)兩級(jí)導(dǎo)航菜單效果,以完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)針對(duì)頁面元素的遍歷及樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-09-09jQuery Validation PlugIn的使用方法詳解
這篇文章主要介紹了jQuery Validation PlugIn的使用方法,需要的朋友可以參考下2015-12-12jquery nth-child()選擇器的簡(jiǎn)單應(yīng)用
今天項(xiàng)目中遇到過一個(gè)這樣的問題,就是希望讀出來的文章列表能夠每隔五個(gè)加一個(gè)分割條,而不是每個(gè)都加。2010-07-07Bootstrap框架建立樹形菜單(Tree)的實(shí)例代碼
這篇文章主要介紹了在Bootstrap框架下怎么去建立一個(gè)樹形菜單,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2017-10-10jQuery 網(wǎng)易相冊(cè)鼠標(biāo)移動(dòng)顯示隱藏效果實(shí)現(xiàn)代碼
顯示隱藏效果的實(shí)現(xiàn)主要是jquery層選擇器的應(yīng)用:當(dāng)鼠標(biāo)移動(dòng)經(jīng)過照片就顯示設(shè)為封面刪除,移開后就隱藏,此效果在web開發(fā)中經(jīng)常會(huì)用到,感興趣的朋友可以參考下哈2013-03-03