前端性能优化第三篇-documentFragment

前端性能优化第三篇-documentFragment

虽然说是第三篇，但是其实算作对第二篇的补充比较合适，没有看第二篇的小伙伴可以戳下面的链接～
前端性能优化第二篇

前戏

在第二篇中提到了回流和重绘，一个重要的优化策略就是在创建dom节点的时候将创建多个节点的操作变为一次操作。下面我以我做的一个小项目——服务中心课表查询中的部分代码为例进行一下说明。

栗子

抱歉抱歉这是我奇怪的课程表，仅仅是为了说明我要做什么，呈现课程表的时候在下面的通过一个表格做背景，来显示出第几节课。

平常的做法

在使用documentFragment之前我的做法大致是这样的

let table = document.getElementById("u-table");
for(let i =