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创建圆