关于react虚拟DOM的研究
2024-04-09 07:01:33
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
最新文章
- 我与A协
- Win10 UWP开发中的重复性静态UI绘制小技巧 1
- ajax验证登录注册
- Sprint.Net 笔记
- Linux学习之二——档案与目录的属性和权限
- javaScript事件（三）事件对象
- css 正方体
- 面向对象设计Object Oriented Design
- Maven中聚合与继承
- SQL语句与正则表达式
- Wix#可以直接写C#代码来生成Wix的MSI安装文
- createElement
- jQuery.fn的作用是什么
- springboot读取application.properties中自定义配置
- 人工智能-Selenium
- 20155219&20155224 《信息安全系统设计基础》实验二 固件程序设计
- advertisingIdentifier
- BZOJ 2460: [BeiJing2011]元素
- 【USACO1.2_2】★Transformations 方块转换
- July 18th 2017 Week 29th Tuesday