现在的位置: 首页 > 综合 > 正文

jquery性能最佳实践

2012年11月25日 ⁄ 综合 ⁄ 共 929字 ⁄ 字号 评论关闭

jquery
for访length
var myLength = myArray.length;
for (var i = 0; i < myLength; i++) {
    // 要做的事
}

使append

DOMDOM
// 别这样
$.each(reallyLongArray, function(count, item) {
    var newLI = '<li>' + item + '</li>';
    $('#ballers').append(newLI);
});
//较好的做法
var frag = document.createDocumentFragment();
$.each(reallyLongArray, function(count, item) {
    var newLI = '<li>' + item + '</li>';
    frag.appendChild(newLI[0]);
});
$('#ballers')[0].appendChild(frag);each()$('#id')domdocument.createDocumentFragment()DOM

// 或者这样
var myHtml = '';
$.each(myArray, function(i, item) {
    html += '<li>' + item + '</li>';
});
$('#ballers').html(myHtml);


// 不理想
if ($ventfade.data('currently') != 'showing') {
    $ventfade.stop();
}
if ($venthover.data('currently') != 'showing') {
    $venthover.stop();
}
if ($spans.data('currently') != 'showing') {
    $spans.stop();
}
// 较好的
var elems = [$ventfade

抱歉!评论已关闭.