jquery的優(yōu)化 jquery技巧

jQuery代碼優(yōu)化:下面這段代碼能否簡(jiǎn)化?使用循環(huán)?

可見,對(duì)sizzle選擇器的基本知識(shí),也是幫助優(yōu)化jQuery代碼的很重要的一方面。 不要啥都讓javascript來做。 根據(jù)前面的基本的優(yōu)化,已經(jīng)將時(shí)間從21秒降到了8秒,但是8秒這個(gè)數(shù)字顯然是無法接受的。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括巴中網(wǎng)站建設(shè)、巴中網(wǎng)站制作、巴中網(wǎng)頁(yè)制作以及巴中網(wǎng)絡(luò)營(yíng)銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,巴中網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到巴中省份的部分城市,未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!

將需要多次使用的元素作為變量存起來,避免多次遍歷,優(yōu)化性能。使用jquery鏈?zhǔn)讲僮鳌?/p>

如果我們選擇class為home的a元素時(shí),可以使用下邊代碼:方法1會(huì)使jQuery在整個(gè)DOM中查找class為home的a元素,性能可想而知。方法2為要查找的元素添加了上下文,在這里變?yōu)椴檎襥d為nav的子元素,查找性能得到了很大提升。

既然已預(yù)知共有3個(gè)標(biāo)簽,且這3個(gè)標(biāo)簽都有共同的特性(包含li,li可能會(huì)有class為on的屬性值),可以使用jQuery直接判斷它們的數(shù)量,如果存在3個(gè)li的class帶有on屬性值的話,就是成功了。

jquery多個(gè)元素綁定怎么優(yōu)化,比如有100個(gè)a標(biāo)簽時(shí)候,用click方法會(huì)不會(huì)...

如果我們選擇class為home的a元素時(shí),可以使用下邊代碼:方法1會(huì)使jQuery在整個(gè)DOM中查找class為home的a元素,性能可想而知。方法2為要查找的元素添加了上下文,在這里變?yōu)椴檎襥d為nav的子元素,查找性能得到了很大提升。

如何解決累加綁定:第一種方法是元素點(diǎn)擊后刪除,然后再動(dòng)態(tài)創(chuàng)建一個(gè)元素,再添加點(diǎn)擊事件。顯然這個(gè)方式很麻煩。第二中方法是使用jquery的one()方法,為元素綁定一個(gè)一次性的事件處理函數(shù),這個(gè)事件處理函數(shù)只會(huì)被執(zhí)行一次。

不要過度使用jquery jQuery速度再快,也無法與原生的javascript方法相比。所以有原生方法可以使用的場(chǎng)合,盡量避免使用jQuery。

jquery代碼優(yōu)化規(guī)則?

復(fù)制代碼 代碼如下:if (typeof selector == string){ //正則匹配,看是不是HTML代碼或者是#id var match = quickExpr.exec(selector );//沒有作為待查找的 DOM 元素集、文檔或 jQuery 對(duì)象。

當(dāng)你準(zhǔn)備使用 jQuery,我強(qiáng)烈建議你遵循下面這些指南: 緩存變量DOM 遍歷是昂貴的,所以盡量將會(huì)重用的元素緩存。

jQuery設(shè)計(jì)的宗旨是“writeLess,DoMore”,即倡導(dǎo)寫更少的代碼,做更多的事情。所以在網(wǎng)站設(shè)計(jì)中使用jQuery可以寫更少的代碼實(shí)現(xiàn)更多的功能。

jQuery.i18n.properties 插件根據(jù)用戶指定的(或?yàn)g覽器提供的 )語(yǔ)言和國(guó)家編碼(符合 ISO-639 和 ISO-3166 標(biāo)準(zhǔn))來解析對(duì)應(yīng)的以“.properties”為后綴的資源文件。

使用步驟如下:jQuery給放到一個(gè)文件夾里面,方便我們待會(huì)引用這個(gè)jQuery,這里我就放到我項(xiàng)目的js文件夾里面。然后我們來開始編輯HTML界面代碼。使用script標(biāo)簽把jQuery引入到我們的HTML界面。

你沒給出引用圖片的代碼,沒辦法弄個(gè)成品給你。

本文標(biāo)題:jquery的優(yōu)化 jquery技巧
分享網(wǎng)址:http://muchs.cn/article36/dgjicsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、外貿(mào)建站、小程序開發(fā)靜態(tài)網(wǎng)站、App設(shè)計(jì)、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)