1.字符串拼接,最常用的方法
优点:只进行了一次Dom回流
缺点:原有的dom事件都会丢失
原因:就在与innerHTML这个属性,这个属性是返回或者设置Dom中的内容,以字符串形式返回,拼接完之后是string类型，而onmouse这些属性是Dom元素 对象身上的，所以这些onmouse系列的属性就丢失了。
2.Dom循环
优点:原有的dom身上的事件不会丢失，不影响其他dom
缺点:dom回流次数过多，严重影响网页性能.
3.模板
模板的本质就是字符串
4.文档碎片
优点:既不影响原有的dom的属性,也只回流一次.
注: DOM回流 : 每当对dom元素进行增删改的时候,浏览器就会重新加载一个,把新的结果渲染出来.
原文：https://www.cnblogs.com/songjingwei/p/10530034.html