React面试题（一）

1.[什么是虚拟dom]

    在 React 中，render 执行的结果得到的并不是真正的 DOM 节点，结果仅仅是轻量级的 JavaScript 对象，我们称之为 virtual DOM。

    虚拟 DOM 是 React 的一大亮点，具有 batching(批处理) 和高效的 Diff 算法。这让我们可以无需担心性能问题而” 毫无顾忌” 的随时“ 刷新” 整个页面，由虚拟 DOM 来确保只对界面上真正变化的部分进行实际的 DOM 操作。在实际开发中基本无需关心虚拟 DOM 是如何运作的，但是理解其运行机制不仅有助于更好的理解 React 组件的生命周期，而且对于进一步优化 React 程序也会有很大帮助。

2.[说一下react如何渲染dom的？]

    1.react中的虚拟dom，本质上是一种对象形式到dom的描述，虚拟dom的操作是在js层面的计算，如果把js映射生成真实的dom

    2.调用生命周期中的render方法，生成虚拟dom，然后再调用reactDom.render方法，实现虚拟dom的真实dom转换

    3.组件的再次更新，会再次调用render方法生成新的虚拟dom，然后借助diff定位出两次虚拟dom的差异，从而针对变化的真实dom做出定向更新

    4.react的diff算法，本质通过分层算法，节点前后位置的替换，会导致替换的节点全部被删除，然后重新生成新的节点挂载在上面。key的作用是确定唯一的ID，来让diff比较时确定是否需要重新生成

    5.react的setState为异步操作，在内部通过添加一个锁机制，来实现值的批量更新，在setTime