摘要： 六、Diff算法 React每次组件的状态或属性更新，组件的render方法都会返回一个新的虚拟DOM对象，用来表述新的UI结构。如果每次render都直接使用新的虚拟DOM来生成真实DOM，那么会带来大量对真实DOM的操作，影响程序执行效率。事实上，React会通过比较两次虚拟DOM结构的变化找出 阅读全文

摘要： 五、虚拟DOM 真实DOM是对结构化文本的抽象表达。在Web环境中，其实就是对HTML文本的一种抽象描述，每一个HTML元素对应一个DOM节点，HTML元素的层级关系也会体现在DOM节点的层级上，所有的这些DOM节点构成一棵DOM树。 操作DOM会引起重排和重绘，过程耗时，所以尽量减少DOM操作。 阅读全文

摘要： 四、特殊的ref ref不仅可以用来获取表单元素，还可以用来获取其他任意DOM元素，甚至可以用来获取React组价实例。可以通过ref控制元素的焦点、文本的选择或者和第三方操作DOM的库集成。 ref破坏了React中以props为数据传递介质的典型数据流。 1，在DOM元素上使用ref 当组件被挂 阅读全文