爲什麼說盡量少的操作DOM樹？

首先。想像一個場景，班上新來了幾個同學，然後班主任讓他們站在外面，開一次門放進來一個，然後介紹，是不是覺得這個班主任很煩？爲什麼不一次性都叫進來，對不對？

DOM修改導致的頁面重繪、重新排版！重新排版是用戶阻塞的操作，同時，如果頻繁重排，CPU使用率也會猛漲！浪費資源影響性能。

所以，如果是相同的操作，那就把結果執行完先放進一個對象裏，再一次性把結果給插入到DOM中，這樣就只執行了一次DOM結構，性能和一次次操作DOM相比就會大大提升了。