如何書寫高質(zhì)量的jQuery代碼_第1頁
如何書寫高質(zhì)量的jQuery代碼_第2頁
如何書寫高質(zhì)量的jQuery代碼_第3頁
免費預(yù)覽已結(jié)束,剩余1頁可下載查看

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

第第頁如何書寫高質(zhì)量的jQuery代碼如何書寫高質(zhì)量的jQuery代碼

發(fā)表于:2023-03-27來源:開發(fā)者:不詳點擊數(shù):標(biāo)簽:jQuery

如何書寫高質(zhì)量的jQuery代碼想必大家對于jQuery這個最流行的javascript類庫都不陌生,而且只要是前端開發(fā)人員肯定或多或少的使用或者接觸過,在今天的這篇文章中,我們將介紹一些書寫高質(zhì)量jQuery代碼的原則,我們不單單會告訴你如何去書寫,也會告訴你為什么這樣書寫

想必大家對于jQuery這個最流行的(java)script類庫都不陌生,而且只要是前端(開發(fā))人員肯定或多或少的使用或者接觸過,在今天的這篇文章中,我們將介紹一些書寫高質(zhì)量jQuery代碼的原則,我們不單單會告訴你如何去書寫,也會告訴你為什么這樣書寫,希望大家會覺得有所幫助。

注意定義jQuery變量的時候添加var關(guān)鍵字

這個不僅僅是jQuery,所有javascript開發(fā)過程中,都需要注意,請一定不要定義成如下:

?

1

$loading=$(#loading);//這個是全局定義,不知道哪里位置倒霉引用了相同的變量名,就會郁悶至死的

如果你定義成這樣的話,運氣好,可能沒有任何問題,或者出現(xiàn)一個絕對會讓你de(bug)一周,然后罵娘一個月的問題。

請使用一個var來定義變量

如果你使用多個變量的話,請如下方式定義:

?

1

2

3

varpage=0,

$loading=$(#loading),

$body=$(body);

不要給每一個變量都添加一個var關(guān)鍵字,除非你有嚴重的強迫癥

定義jQuery變量

申明或者定義變量的時候,請記住如果你定義的是jQuery的變量,請?zhí)砑右粋€$符號到變量前,如下:

?

1

var$loading=$(#loading);

這里定義成這樣的好處在于,你可以有效的提示自己或者其它閱讀你代碼的用戶,這是一個jQuery的變量。

DOM操作請務(wù)必記住緩存(cache)

在jQuery代碼開發(fā)中,我們常常需要操作DOM,DOM操作是非常消耗資源的一個過程,而往往很多人都喜歡這樣使用jQuery:

?

1

2

$(#loading).html(完畢);

$(#loading).fadeOut();

代碼沒有任何問題,你也可以正常運行出結(jié)果,但是這里注意你每次定義并且調(diào)用$(#loading)的時候,都實際創(chuàng)建了一個新的變量,如果你需要重用的話,記住一定要定義到一個變量里,這樣可以有效的緩存變量內(nèi)容,如下:

?

1

2

var$loading=$

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論