javascriptフロント最適化のdocumentFragmentオブジェクト

documentFragmentオブジェクト:親ウィンドウなしのドキュメントオブジェクト(またはドキュメントの破片)
機能:javascript DOMを操作する時に、ドキュメント全体を再ロードするDOMはDOMの操作を減らすために、DOMを操作して(属性を追加または削除する時)、DOMをdocumentFragmentに入れて、最後に一回の操作で文書のかけらを操作できます.
はっきり言って、documentFragmentはバッファです.

var oui=document.getelementbyid("oitem"); 
for(var i=0;i<10;i++) 
{ 
var oli=document.createelement("li"); 
oui.appendchild(oli); 
oli.appendchild(document.createtextnode("item"+i)); 
} 


            oui.appendchild（oli），         ，         。     oui.appendchild()       ，      。         20 。 
       ，       dom   ，                 ，      creatdocumentfragment(),    ：
var oui=document.getelementbyid("oitem"); 
var ofragment=document.createdocumentfragment(); 
for(var i=0;i<10;i++){ 
var oli=document.createelement("li"); 
oli.appendchild(document.createtextnode("item"+i)); 
ofragment.appendchild(oli); 
} 
oui.appendchild(ofragment);