版权声明：可转载，需要明确注明转载出处和链接；不允许商业用途。 https://blog.csdn.net/bengxu/article/details/82470469
1.为什么使用虚拟DOM？
DOM操作太消耗浏览器计算资源，diff算法才有其存在的意义。
DOM操作为什么慢？
直观感受：在浏览器控制台，用for循环遍历div属性，会看到有很多属性输出。
浏览器渲染：DOM操作会引起浏览器repaint和reflow。
如何减少DOM操作？
先隐藏需要操作的DOM：display:none，再显示：display:block。
离线操作DOM：我们先将元素脱离文档流，然后对元素进行操作，最后再把操作后的元素放回文档流。
可以cloneNode，将DOM操作变成纯粹的内存操作 createDocumentFragment
操作完成之后替换原来的DOM元素。如果是添加多个节点，将所有DOM节点都在内存中拼装完成之后再append到DOM中。
replaceChild appendChild
2.为什么用JavaScript模拟DOM结构？
因为JavaScript是图灵完备语言，图灵完备语言即支持无限循环等逻辑操作。换成一种思路，前端也就HTML、CSS、JavaScript三门编程语言，不用JavaScript，难道用CSS？HTML更不可能了，DOM本身就是HTML。