Vue源码解析：虚拟dom详解，CSS字体样式的使用

b、【有多次dom操作会操作dom更新多次】：在一次操作中，我需要更新10个DOM节点，浏览器收到第一个DOM请求后并不知道还有9次更新操作，因此会马上执行流程，最终执行10次。

c、【dom更新会导致前一次计算的结果无效】：例如，第一次计算完，紧接着下一个DOM更新请求，这个节点的坐标值就变了，前一次计算为无用功。

5、为什么需要虚拟DOM，它有什么好处？

【将这10次dom更新的diff内容保存到本地一个JS对象中】：若一次操作中有10次更新DOM的动作，虚拟DOM不会立即操作DOM，而是将这10次更新的diff内容保存到本地一个JS对象中，最终将这个JS对象一次性attch到DOM树上，再进行后续操作，避免大量无谓的计算量。

6、用JS对象模拟DOM节点的好处是什么？

页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。

7. CSS的解析

CSS的解析是从右往左逆向解析的(从DOM树的下－上解析比上－下解析效率高)，嵌套标签越多，解析越慢。

二、实现虚拟DOM

例如一个真实的DOM节点。

我们用JS来模拟DOM节点实现虚拟DOM

其中的Element方法具体怎么实现的呢？

第一个参数是节点名（如div