jquery開發(fā)中性能優(yōu)化及注意事項(xiàng)

為臨潭等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及臨潭網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站建設(shè)、臨潭網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

平常的開發(fā)中，可能由于時(shí)間問題，沒來及進(jìn)行代碼性能的優(yōu)化及一些注意事項(xiàng)，導(dǎo)致頁面加載很慢，或者是后臺(tái)獲不到值等等一系列的問題，下面例出些優(yōu)化方案及注意事項(xiàng)。

第一：對(duì)選擇器的執(zhí)行速度進(jìn)行優(yōu)化：1、優(yōu)先選擇使用ID與標(biāo)記選擇器，在jquery中，訪問DOM元素的最快捷方式是通過元素ID號(hào)，其次是通過元素的標(biāo)記；不過要注意一點(diǎn)的是，如果頁面中屬性元素特別多，那盡量少用的id，因?yàn)槿菀自斐蒳d重名，這個(gè)時(shí)候可以id和屬性過濾選擇器并用。

第二：開發(fā)中盡量使用jquery對(duì)象緩存：就是在使用jquery對(duì)象時(shí)，先盡量使用變量保存對(duì)象名，然后，通過變量進(jìn)行相應(yīng)的方法操作。

第三：給選擇器一個(gè)上下文：在jquery中，DOM元素的查找可以通過$(element)方法實(shí)現(xiàn)，但有另外一種方法可以通過$(expression,[context])方法，在指定的范圍中查找某個(gè)DOM元素。

第四：在開發(fā)中，有寫頁面是自動(dòng)生成的，頁面中有些id的名字中包含特殊字符，這個(gè)時(shí)候就要用轉(zhuǎn)義符對(duì)有些特殊字符進(jìn)行轉(zhuǎn)義，例如："#","("。其次，就是選擇器中含有空格符與不含空格符的區(qū)別，當(dāng)選擇器含有空格符，例如：$(".emple :hidden")這個(gè)意思就查詢類為emple中的隱藏元素，而$(".emple:hidden")就是查詢隱藏元素中類為emple的元素。

第五：開發(fā)中，可以用data方法對(duì)數(shù)據(jù)進(jìn)行緩存，緩存數(shù)據(jù)無論是在前端頁面開發(fā)，還是在后臺(tái)服務(wù)器腳本編寫，多有十分重要的作用。

第六：開發(fā)中，難免會(huì)引入多個(gè)js，這個(gè)時(shí)候，可能會(huì)有些沖突，"$"是jquery的自身的快捷符，而其他js庫中也含有"$"符，這個(gè)時(shí)候，就需要jQuery.noConflict(),但是如果jquery引入的位置在其他js的前面，這句話就不需要了，相反就需要引入。

第七：開發(fā)中，有時(shí)候需要查找一個(gè)被眾多元素包含的元素，這個(gè)時(shí)候大家一致的做法就是直接用find方法查找所需要的元素，但是其性能特別低；但考慮性能的話，這個(gè)時(shí)候應(yīng)該想到，使用對(duì)象緩存，就是把最外層的元素保存起來，再查找更近一層的元素進(jìn)行保存，最后，在最近接近外層的元素，使用find方法，使用這種方法，可以減少選擇器的性能開銷。

第八：開發(fā)中，盡量減少對(duì)DOM元素進(jìn)行直接操作，我們知道，DOM元素操作的原理是，現(xiàn)在內(nèi)存中創(chuàng)建DOM結(jié)構(gòu)，如果直接對(duì)DOM進(jìn)行操作，那么其性能是很低的。例如：$.each(arry,function(index){str +="<li>"+arry[index]+"</li>";})$("#name").append(str);如果直接在each里面用append，那性能是很低的。

第九：開發(fā)中，正確區(qū)分DOM對(duì)象和Jquery對(duì)象,jquery中獲得元素的值是用val()，而DOM中用的是val就可以了，如果dom要轉(zhuǎn)換成jquery對(duì)象，可以用$（Dom對(duì)象）進(jìn)行轉(zhuǎn)換；如果jquery對(duì)象需要轉(zhuǎn)換成DOM對(duì)象，可以用[index]或者get(index)方法，進(jìn)行轉(zhuǎn)換。

程序開發(fā)中，尤其是初學(xué)者來說，在使用過程中不可避免會(huì)出現(xiàn)語法或者操作上的不當(dāng)之處，希望這篇文章能幫到有些開發(fā)者，大家在開發(fā)中共同進(jìn)步。

文章題目：jquery開發(fā)中性能優(yōu)化及注意事項(xiàng)
瀏覽地址：http://bm7419.com/article14/pcgpge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、ChatGPT、外貿(mào)建站、面包屑導(dǎo)航、動(dòng)態(tài)網(wǎng)站、網(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)

猜你還喜歡下面的內(nèi)容