“React动态更新DOM”究竟意味着什么?

时间:2015-02-25 07:06:25

标签: javascript angularjs performance reactjs

ReactJS website表示,

  

当数据发生变化时,React在概念上会点击"刷新"按钮,并且知道仅更新已更改的部分

这究竟是什么意思?

这是如何实现的?

这与AngularJS的不同之处有何不同?

2 个答案:

答案 0 :(得分:4)

Reactjs创建一个虚拟DOM,并且不会触及真正的DOM。然后当一些DOM改变时,它将使用diff算法找出与先前DOM元素状态不同的东西,最后只需替换那些改变。您可以看到该算法的this link有更多的了解。你必须知道什么是影子DOM。

答案 1 :(得分:0)

这是一个很好的资源,解释了ReactJS的开发原因以及它与AngularJS等其他框架的区别:

http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look

“MVVM框架的许多重量级竞争者很难渲染大量数据,比如列表等等.React没有那个问题,因为它只渲染了更改的内容。

例如,如果用户正在查看使用React呈现的100个项目的列表,并且他或她以某种方式更改了第三个项目,则仅重新呈现该项目,而保持其他99个项目不变。“

https://www.codementor.io/reactjs/tutorial/react-vs-angularjs