虚拟 DOM 的工作原理可以概括为以下几个步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=6ba5d46dd6254d20809b2e18c249cbb9初始渲染：当应用程序加载时，首先进行一次初始渲染，将虚拟 DOM 结构构建出来。虚拟 DOM 是由 JavaScript 对象构成的树形结构，它对应于真实 DOM 的层次结构。更新生成新虚拟 DOM：当应用程序的状态发生变化时（比如用户交互），需要更新 UI。这时会生成一个新的虚拟 DOM 树，新的虚拟 DOM 表示了更新后的 UI 状态。对比差异：将新的虚拟 DOM 树与之前的虚拟 DOM 树进行对比，找出两者之间的差异（即哪些节点需要被更新、添加或删除）。这个对比过程的算法被称为"Diffing"。生成更新：根据对比得出的差异，生成一个表示更新操作的"补丁"（Patch）对象。该补丁对象包含了需要修改真实 DOM 的具体操作，比如添加节点、删除节点、更新属性等。应用更新：将补丁对象应用到真实 DOM 上，即将所有的变更操作一次性地应用到真实 DOM 上，从而实现 UI 的更新。这个过程通常使用最小化 DOM 操作的方式进行，以提高性能。

30分钟不到就做完了，我不知道滴滴出的什么笔试题，两道编程全是签到，加起来没用5min，可别像小米一样ak挂啊

虚拟 DOM（Virtual DOM）是一种用 JavaScript 对象表示真实 DOM 结构的概念。它是由 React 引入的一种优化技术，旨在提高前端应用性能和开发效率。虚拟 DOM 是一个轻量级的抽象层，它对应于真实 DOM 的结构，并且可以以一种高效的方式进行操作和更新。它包含了与真实 DOM 相同的层次结构、属性和内容信息，但它只存在于内存中，并不直接渲染到浏览器中。虚拟 DOM 的原理是通过对比前后两个虚拟 DOM 树的差异，然后将差异部分应用到真实 DOM 上，从而减少直接操作真实 DOM 的次数。这种优化可以提高性能，因为直接操作真实 DOM 是一项昂贵的操作，会导致浏览器执行大量的重排和重绘操作。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=6ba5d46dd6254d20809b2e18c249cbb9

Timeline:一面 9/02二面 9/05HR面 9/09意向书 9/26----------------------------一面:自我介绍之前在B站的哪个组实习箭头函数 和 匿名函数的区别new 一个构造器的过程讲一讲 JS 的原型链手撕：使用ES5来实现一个extend浏览器同源策略跨域options预检请求复杂请求和简单请求cookie的字段有哪些浏览器存储 和 区别常见的网络攻击手段展开描述 以及 对应的防御手段token的原理手撕：CSS 水平垂直居中行内文本如何实现水平垂直居中vertical-align 居中的原理展开讲讲 在美团产品逻辑 并且讲一下你负责的那块讲...