3.说说React中的虚拟dom？在虚拟dom计算的时候diff和key之间有什么关系？

在React中，虚拟DOM（Virtual DOM）是一个轻量级的JavaScript对象，用于表示真实DOM的映射。它是React用来提高性能的一种机制。
虚拟DOM的工作原理是，当组件的状态发生变化时，React会创建一个新的虚拟DOM树，并将其与之前的虚拟DOM树进行比较。通过比较，React可以找出需要更新的部分，并只更新这些部分，而不是直接操作真实的DOM。最后，React将更新后的虚拟DOM映射到真实的DOM中，完成整个更新过程。

在虚拟DOM计算的过程中，diff算法和key属性是密切相关的。
diff算法是React用来比较新旧虚拟DOM树的算法，它通过遍历虚拟DOM树的节点，找出需要更新的节点，然后进行相应的操作。diff算法可以高效地找出需要更新的节点，避免了不必要的DOM操作，提高了性能。

key属性是在使用列表渲染时，给每个列表项分配一个唯一标识的属性。在虚拟DOM计算中，key属性的作用是帮助React识别列表项的变化。当列表项的顺序发生变化或有新的列表项被添加或删除时，key属性可以帮助React准确地判断哪些列表项需要更新，避免不必要的渲染。
因此，diff算法和key属性是虚拟DOM计算的关键因素。合理使用key属性可以提高React应用的性能，避免不必要的渲染，同时diff算法可以快速而准确地找出需要更新的节点，优化了React的渲染过程。