为什么说尽量少的操作DOM树？

首先。想像一个场景，班上新来了几个同学，然后班主任让他们站在外面，开一次门放进来一个，然后介绍，是不是觉得这个班主任很烦？为什么不一次性都叫进来，对不对？

DOM修改导致的页面重绘、重新排版！重新排版是用户阻塞的操作，同时，如果频繁重排，CPU使用率也会猛涨！浪费资源影响性能。

所以，如果是相同的操作，那就把结果执行完先放进一个对象里，再一次性把结果给插入到DOM中，这样就只执行了一次DOM结构，性能和一次次操作DOM相比就会大大提升了。