前端性能优化第三篇-documentFragment
虽然说是第三篇,但是其实算作对第二篇的补充比较合适,没有看第二篇的小伙伴可以戳下面的链接~
前端性能优化第二篇
前戏
在第二篇中提到了回流和重绘,一个重要的优化策略就是在创建dom节点的时候将创建多个节点的操作变为一次操作。下面我以我做的一个小项目——服务中心课表查询中的部分代码为例进行一下说明。
栗子
抱歉抱歉这是我奇怪的课程表,仅仅是为了说明我要做什么,呈现课程表的时候在下面的通过一个表格做背景,来显示出第几节课。
平常的做法
在使用documentFragment之前我的做法大致是这样的
let table = document.getElementById("u-table");
for(let i =