原文链接:http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react

在Web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或频繁的DOM操作通常是性能瓶颈产生的原因(如何进行高性能的复杂DOM操作通常是衡量一个前端开发人员技能的重要指标)。

 

React为此引入了虚拟DOM(Virtual DOM)的机制:在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行,每当数据变化时,React都会重新构建整个DOM树,然后React将当前整个DOM树和上一次的DOM树进行对比,得到DOM结构的区别,然后仅仅将需要变化的部分进行实际的浏览器DOM更新。尽管每一次都需要构造完整的虚拟DOM树,但是因为虚拟DOM是内存数据,性能是极高的,而对实际DOM进行操作的仅仅是Diff部分,因而能达到提高性能的目的。

 

相关文章:

  • 2021-04-13
  • 2021-11-17
  • 2022-12-23
  • 2021-09-29
  • 2021-03-31
  • 2021-12-25
猜你喜欢
  • 2021-08-08
  • 2021-10-06
  • 2021-06-28
  • 2021-11-12
  • 2021-09-23
  • 2022-01-07
  • 2022-01-17
相关资源
相似解决方案