标签：算法 问题 更新 asc 影响 操作 内容 计算机 过程
（浏览器渲染引擎的渲染流程）
关键渲染路径是指浏览器从最初接收请求来的HTML、CSS、javascript等资源，然后解析、构建树、渲染布局、绘制，最后呈现给客户能看到的界面这整个过程。
所以浏览器的渲染过程主要包括以下几步：
虚拟DOM就是为了解决浏览器性能问题而被设计出来的。假如像上面所说的，若一次操作中有10次更新DOM的动作，会生成一个新的虚拟DOM，将新的虚拟DOM和旧的进行比较，然后将10次更新的 diff 内容保存到一个JS对象中，最终通过这个JS对象来更新真实DOM，由此只进行了一次操作真实DOM，避免大量无谓的计算量。所以，虚拟DOM的作用是将多个DOM操作合并成一个，并且将DOM操作先全部反映在JS对象中（操作内存中的JS对象比操作DOM的速度要更快），再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。
虚拟DOM就是是用JS对象来代表节点，每次渲染都会生成一个VNode。当数据发生改变时，生成一个新的的VNode，通过 diff 算法和上一次渲染时用的VNode进行对比，生成一个对象记录差异，然后根据该对象来更新真实的DOM。原本要操作的DOM在vue这边还是要操作的，不过是统一计算出所有变化后统一更新一次DOM，进行浏览器DOM的一次性更新。
参考：https://baijiahao.baidu.com/s?id=1593097105869520145&wfr=spider&for=pc、https://www.jianshu.com/p/af0b398602bc
标签：算法 问题 更新 asc 影响 操作 内容 计算机 过程
原文地址：https://www.cnblogs.com/wenxuehai/p/10508187.html
