jquery開發(fā)中性能優(yōu)化及注意事項
平常的開發(fā)中，可能由于時間問題，沒來及進行代碼性能的優(yōu)化及一些注意事項，導(dǎo)致頁面加載很慢，或者是后臺獲不到值等等一系列的問題，下面例出些優(yōu)化方案及注意事項。
第一：對選擇器的執(zhí)行速度進行優(yōu)化：1、優(yōu)先選擇使用ID與標記選擇器，在jquery中，訪問DOM元素的最快捷方式是通過元素ID號，其次是通過元素的標記；不過要注意一點的是，如果頁面中屬性元素特別多，那盡量少用的id，因為容易造成id重名，這個時候可以id和屬性過濾選擇器并用。
第二：開發(fā)中盡量使用jquery對象緩存：就是在使用jquery對象時，先盡量使用變量保存對象名，然后，通過變量進行相應(yīng)的方法操作。
第三：給選擇器一個上下文：在jquery中，DOM元素的查找可以通過$(element)方法實現(xiàn)，但有另外一種方法可以通過$(expression,[context])方法，在指定的范圍中查找某個DOM元素。
第四：在開發(fā)中，有寫頁面是自動生成的，頁面中有些id的名字中包含特殊字符，這個時候就要用轉(zhuǎn)義符對有些特殊字符進行轉(zhuǎn)義，例如："#","("。其次，就是選擇器中含有空格符與不含空格符的區(qū)別，當(dāng)選擇器含有空格符，例如：$(".emple :hidden")這個意思就查詢類為emple中的隱藏元素，而$(".emple:hidden")就是查詢隱藏元素中類為emple的元素。
第五：開發(fā)中，可以用data方法對數(shù)據(jù)進行緩存，緩存數(shù)據(jù)無論是在前端頁面開發(fā)，還是在后臺服務(wù)器腳本編寫，多有十分重要的作用。
第六：開發(fā)中，難免會引入多個js，這個時候，可能會有些沖突，"$"是jquery的自身的快捷符，而其他js庫中也含有"$"符，這個時候，就需要jQuery.noConflict(),但是如果jquery引入的位置在其他js的前面，這句話就不需要了，相反就需要引入。
第七：開發(fā)中，有時候需要查找一個被眾多元素包含的元素，這個時候大家一致的做法就是直接用find方法查找所需要的元素，但是其性能特別低；但考慮性能的話，這個時候應(yīng)該想到，使用對象緩存，就是把最外層的元素保存起來，再查找更近一層的元素進行保存，最后，在最近接近外層的元素，使用find方法，使用這種方法，可以減少選擇器的性能開銷。
第八：開發(fā)中，盡量減少對DOM元素進行直接操作，我們知道，DOM元素操作的原理是，現(xiàn)在內(nèi)存中創(chuàng)建DOM結(jié)構(gòu)，如果直接對DOM進行操作，那么其性能是很低的。例如：$.each(arry,function(index){str +="
第九：開發(fā)中，正確區(qū)分DOM對象和Jquery對象,jquery中獲得元素的值是用val()，而DOM中用的是val就可以了，如果dom要轉(zhuǎn)換成jquery對象，可以用$（Dom對象）進行轉(zhuǎn)換；如果jquery對象需要轉(zhuǎn)換成DOM對象，可以用[index]或者get(index)方法，進行轉(zhuǎn)換。
程序開發(fā)中，尤其是初學(xué)者來說，在使用過程中不可避免會出現(xiàn)語法或者操作上的不當(dāng)之處，希望這篇文章能幫到有些開發(fā)者，大家在開發(fā)中共同進步。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
重慶分公司
重慶分公司
