关于react虚拟DOM的研究
1、传统的前端是这样的,我在学校也都是这样做的,html(jsp)主要负责提供所有的DOM节点,而javascript负责动态效果,比如按钮点击,图片轮播等,这样的话javascript如何组织结构是个问题,一方面可以一个界面跟一个javascript但是会导致javascript文件太多,也可以写个公共的javascript但是这样的话就显得比较混乱。
2、有一些模式比如MVC、MCP可以解决代码组织上的问题。传统的做法还有就是javascript会频繁的操作DOM,而DOM操作很耗性能,要是有个状态来绑定界面就完美了,这样的话不用频繁操作DOM,根据状态来自动操作DOM,MVVM框架应运而生,但是自动操作DOM并不能改变操作的频率和性能,要是有个框架能根据状态的最终值来操作DOM是不是就减少频率了呢,而且这个框架只更新改变的地方,react再次应运而生。
3、react核心state和diff算法,前者保证状态和视图(组件)的绑定,后者保证更新改变的地方。这样一来,用javascript频繁操作DOM改为操作state当然更快了。对于diff算法对目录 树深度遍历将虚拟DOM和真实DOM找不同。
图1