1. DOM traversal mahal, jadi pembolehubah cache.
//Tidak disyorkan
var h = $('#ele').height();
$('#ele').css('tinggi', h-20);
//Syorkan
var $ele = $('#ele');
var h = $ele.height();
$ele.css('tinggi',h-20);
2.
//Tidak disyorkan
$('div#myid')
//Syorkan
$('#myid')
3. Elakkan pemilih universal tersirat.
//Tidak disyorkan
$('.someclass :radio')
//Syorkan
$('.someclass input:radio')
4. Elakkan pemilih universal.
//Tidak disyorkan
$('.bekas > *')
//Syorkan
$('.bekas').kanak-kanak()
5. Pastikan kod semudah mungkin.
//Tidak disyorkan
if(arr.length > 0){}
//Disyorkan
if(arr.length){}
6. Gabungkan fungsi sebanyak mungkin.
//Tidak disyorkan
$f.on("klik", function(){
$(this).css('sempadan','1px merah pepejal');
$(this).css('warna', 'biru');
});
//Syorkan
$f.on("klik", function(){
$(this).css({
'sempadan':'1px merah pepejal',
'warna': 'biru'
});
});
7 Gunakan operasi rantaian sebanyak mungkin.
//Tidak disyorkan
$ele.html();
$ele.on("klik",function(){});
$ele.fadeIn('perlahan');
//Syorkan
$ele.on("klik",fungsi(){
}).fadeIn('perlahan').animate({ketinggian:'12px'},500);
8 Lakukan sejumlah besar operasi pada elemen DOM, pisahkan mereka dahulu dan kemudian tambahkannya
//Tidak disyorkan
var $container = $('#somecontainer');
var $ele = $container.first();
.....Siri operasi kompleks
//Syorkan
var $container = $('#somecontainer');
var $ele = $container.first().detach();
.....Siri operasi kompleks
$container.append($ele);
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
