DocumentFragment使用

DocumentFragment相當於一份脫離document的文檔，所以往其中添加元素，對其中元素做各種操作都不會影響到document文檔，不會觸發迴流、重繪和重組等。使用它的好處在於，你可以合併多個dom操作，減少操作dom的次數。

var docFrag = document.createDocumentFragment();
for(var i = 0; i < waveCount; i++){
        var wave = document.createElement("div");
        //...
        docFrag.appendChild(wave); 
    }
  document.body.appendChild(docFrag);

示例：使用div創建圓