1. Append Outside of Loops

凡是触及到DOM都是有代价的。如果你向DOM当中附加大量的元素，你会想一次性将它们全部附加进来，而不是分多次进行。当在循环当中附加元素就会产生一个常见的问题。

一个常用的技巧是利用文档片段（document fragment）。在循环的每一次迭代当中，将元素附加到片段而不是DOM元素当中。当循环结束后，将片段附加到DOM元素当中即可。

$.each( myArray, function( i, item ) {

    var newListItem = document.createElement( \"li\" );
    var itemText = document.createTextNode( item );

    newListItem.appendChild( itemText );

    frag.appendChild( newListItem );

});

$( \"#ballers\" )[ 0 ].appendChild( frag );