js文档碎片

1、javascript操作dom是一个很耗性能的过程，在某些情况下，不得不进行dom循环操作，我们每次对dom的操作都会触发"重排"，这严重影响到性能，一般通常采取的做法是尽可能的减少dom操作来减少"重排"。

2、面对循环操作dom的过程，我们选择使用文档碎片（creatDocumentFragment），将需要添加到dom中的内容一次性添加到文档碎片中，然后将文档碎片添加到dom树，这样就可以有效的减少操作dom的次数。

普通方式（操作1000次dom）

	for (var i = 0; i < 1000; i++){ 
    	var oSpan = document.createElement("span"); 
    	var oText = document.createTextNode(i); 
    	oSpan.appendChild(oText); 
    	document.body.appendChild(oSpan); 
	} 
	

文档碎片（只操作一次dom）

//先创建文档碎片
	var oFragment = document.createDocumentFragment(); 
	for (var i = 0; i < 1000; i++){ 
    	var oSpan = document.createElement("span"); 
    	var oText = document.createTextNode(i); 
    	oSpan.appendChild(oText); 
    	//先附加在文档碎片中
    	oFragmeng.appendChild(oSpan);  
	} 
	//最后一次性添加到document中
	document.body.appendChild(oFragment);