《一小段jQuery代碼的分析與優(yōu)化》文章已經(jīng)歸檔,站長之家不再展示相關(guān)內(nèi)容,下文是站長之家的自動化寫作機(jī)器人,通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕,歡迎聯(lián)系我們幫它成長:
..};);形式的代碼,如果作者寫下這段代碼的時(shí)候,不是照本宣科不經(jīng)思考的話,就應(yīng)該意識到j(luò)Query的一個(gè)函數(shù)干了什么事...
那么看看上面一段代碼,進(jìn)行了多少的遍歷,在此就假設(shè)只選擇了120行,每一行有6列,另加上1行的表頭吧:...
累加一下,我們一共減少了240+726+240+120=1326次元素操作,總計(jì)13260ms...
總的來說,通過盡可能少地執(zhí)行javascript,將更多的樣式化的任務(wù)交給CSS,則瀏覽器的渲染引擎來完成,又可以進(jìn)一步地優(yōu)化該函數(shù),假設(shè)對addClass、css的調(diào)用需要100ms的話,此次優(yōu)化直接消滅了原有120+726=846次的操作,節(jié)約了84600ms的時(shí)間(當(dāng)然有夸張的成分,但是對整個(gè)函數(shù)的消耗來說,這個(gè)確實(shí)是很大的一塊)...
......
本文由站長之家用戶“博客園,www.cnblogs.com/GrayZhang”投稿,本平臺僅提供信息索引服務(wù)。由于內(nèi)容發(fā)布時(shí)間超過平臺更新維護(hù)時(shí)間,為了保證文章信息的及時(shí)性,內(nèi)容觀點(diǎn)的準(zhǔn)確性,平臺將不提供完整的內(nèi)容展現(xiàn),本頁面內(nèi)容僅為平臺搜索索引使用。需閱讀完整內(nèi)容的用戶,請聯(lián)系作者獲取原文。
(舉報(bào))