更好地使用jquery,這裡總結了8個小技巧。
1、dom遍歷是昂貴的,將變數快取起來。
//不推薦
var h = $('#ele').height();
$('#ele').css('height', h-20);
//推薦
var $ele = $('#ele');
var h = $ele.height();
$ele.css('height',h-20);
2、盡可能地合併函式。
//不推薦
$f.on("click", function());
//推薦
$f.on("click", function());
});3、盡可能使用鏈式操作。
//不推薦
$ele.html();
$ele.on("click",function(){});
$ele.fadein('slow');
//推薦
$ele.on("click",function())
.fadein('slow')
.animate(,500);
4、盡可能保持**簡潔。
//不推薦
if(arr.length > 0){}
//推薦
if(arr.length){}
5、對dom元素作大量操作,先分離在追加
//不推薦
var $container = $('#somecontainer');
var $ele = $container.first();
.......一系列複雜操作
6、避免通用選擇符。
//不推薦
$('.container > *')
//推薦
$('.container').children()
7、優化選擇符。
//不推薦
$('div#myid')
//推薦
$('#myid')
8、避免隱式通用選擇符。
//不推薦
$('.someclass :radio')
//推薦
$('.someclass input:radio')
參考:
更好使用jQuery的8個小技巧
更好地使用jquery,這裡總結了8個小技巧。1 dom遍歷是昂貴的,將變數快取起來。不推薦 var h ele height ele css height h 20 推薦 var ele ele var h ele.height ele.css height h 20 2 盡可能地合併函式。不推薦...
讓你更好使用Vista的設定技巧
vista一路走來已經較之前作出了許多改進,其中有一些是令人喜歡的,也有一些的確十分惱人,但是無論怎樣,vista是值得我們一試的。如果你已經準備好進行一次vista的體驗,下面,我們將提供給大家新的5條vista的技巧和設定,它們也許能幫助你根據自己的偏好更好的使用vista。1 關閉惱人的ie安...
3使用技巧 實用乾貨!使用蓋碗泡茶的3個小技巧
都說喝茶用蓋碗是一件很有儀式感的事,即使被燙到手,也要微笑著繼續泡茶。這也不是什麼大不了的事情,很多資深茶友,也都是這樣走過來的。畢竟熟能生巧嘛,歷經蓋碗泡茶的磨練後,自然就掌握了使用方法。今日,我就和大家分享一下蓋碗泡茶的3個小技巧 東道汝窯臥龍蓋碗 東道汝窯臥龍蓋碗 1 三點連一線用蓋碗時,食指...