高效jquery的tips

1、緩存變量
dom遍歷是昂貴的忘朝,盡量把重用的變量緩存

2灰署、避免全局變量
最好確保你的變量在函數(shù)作用域內(nèi)

3、使用匈牙利命名法
在變量前加$局嘁,便于識(shí)別出jQuery對(duì)象

4溉箕、使用var鏈
將多條var語句合并為一條

5、使用on
類似click()這樣的函數(shù)都可以用on('click',function(){})

6悦昵、精簡(jiǎn)js
盡可能合并函數(shù)

7肴茄、鏈?zhǔn)讲僮?/p>

8、維持代碼的可讀性

9但指、選擇短路求值
短路求值是一個(gè)從左到右求值的表達(dá)式寡痰,用&&或者||

10抗楔、選擇捷徑
比如,if(aa.length > 0){...}
改成if(aa.length){}

11拦坠、繁重的操作中分離元素
detach()
先分離元素再添加

12连躏、熟記技巧
找到更好更快的方法使用jquery

13、使用子查詢緩存的父元素
緩存父元素并在選擇子元素的時(shí)候重用這些緩存元素

14贞滨、避免通用選擇符

15反粥、避免隱式通用選擇符
用選擇符性能不好

16、避免重復(fù)id選擇符
優(yōu)化選擇符

17疲迂、堅(jiān)持最新版本

18、利用cdn

19莫湘、必要時(shí)組合jquery和js原生代碼

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末尤蒿,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子幅垮,更是在濱河造成了極大的恐慌腰池,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件忙芒,死亡現(xiàn)場(chǎng)離奇詭異示弓,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)呵萨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門奏属,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人潮峦,你說我怎么就攤上這事囱皿。” “怎么了忱嘹?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵嘱腥,是天一觀的道長。 經(jīng)常有香客問我拘悦,道長齿兔,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任础米,我火速辦了婚禮分苇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘椭盏。我一直安慰自己组砚,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布掏颊。 她就那樣靜靜地躺著糟红,像睡著了一般艾帐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上盆偿,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天柒爸,我揣著相機(jī)與錄音,去河邊找鬼事扭。 笑死捎稚,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的求橄。 我是一名探鬼主播今野,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼罐农!你這毒婦竟也來了条霜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤涵亏,失蹤者是張志新(化名)和其女友劉穎宰睡,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體气筋,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡拆内,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了宠默。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片麸恍。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖搀矫,靈堂內(nèi)的尸體忽然破棺而出或南,到底是詐尸還是另有隱情,我是刑警寧澤艾君,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布采够,位于F島的核電站,受9級(jí)特大地震影響冰垄,放射性物質(zhì)發(fā)生泄漏蹬癌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一虹茶、第九天 我趴在偏房一處隱蔽的房頂上張望逝薪。 院中可真熱鬧,春花似錦蝴罪、人聲如沸董济。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽虏肾。三九已至廓啊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間封豪,已是汗流浹背谴轮。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留吹埠,地道東北人第步。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像缘琅,于是被迫代替她去往敵國和親粘都。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式刷袍。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性驯杜。 1....
    LaBaby_閱讀 1,325評(píng)論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性做个。 1....
    LaBaby_閱讀 1,165評(píng)論 0 1
  • 轉(zhuǎn)載自 阮一峰 原文鏈接:http://www.ruanyifeng.com/blog/2011/08/jquer...
    Separes閱讀 262評(píng)論 0 2
  • 本文總結(jié)了代碼編寫技巧,來提升你的jQuery和javascript代碼滚局。 好的代碼會(huì)帶來速度的提升居暖。快速渲染和響...
    DaveWeiYong閱讀 637評(píng)論 0 1
  • 去錦江之星送明兒紅茶和山楂糖藤肢。明天她要回韓國了太闺。 回來繼續(xù)審讀書稿。 看到一句話很好嘁圈, “守拙勝于使巧省骂,力求一心一意”。
    陋室文竹閱讀 133評(píng)論 0 0