什么是虚拟DOM
- 虚拟 DOM 是相对于浏览器所渲染出来的真实的 DOM
- 虚拟 DOM 就是使用JS对象来表示页面上真实的 DOM
- 例如下所示:
<div id="name" title= "name"> // 真实的DOM
let obj = { // 虚拟DOM
tagName: 'div',
attrs: {
id: "name",
title: "name"
}
}
真实DOM如下
2023-05-31 08:43:02 阅读次数:100
<div id="name" title= "name"> // 真实的DOM
let obj = { // 虚拟DOM
tagName: 'div',
attrs: {
id: "name",
title: "name"
}
}
真实DOM如下
DOM和树结构之间怎么相互转换
React 的事件处理机制可以分为两个阶段:初始化渲染时在 root 节点上注册原生事件;原生事件触发时模拟捕获、目标和冒泡阶段派发合成事件。
由于Vue适应异步更新策略,当监听到数据变化的时候不会直接更新dom,而是开启一个任务队列,并缓存在同一个时间循环中发生的所有数据变更中。
Braft Editor 是一个基于 React 和 Draft-js 开发的富文本编辑器,提供了丰富的基础功能,如基本文本格式化、列表、链接、图片上传、视频插入等,并且还支持扩展。
React Fiber架构
JS高频之重绘和回流
深入理解VUE对象生命周期——从创建到销毁的完整流程
详解react 15~18新增特性
虚拟DOM是以Javascript的形式存在来描述DOM,创建虚拟DOM的目的就是将虚拟DOM更好的渲染到页面UI中,它与真实的DOM是一一对应的
计算出Virtual DOM中真正变化的部分,并只针对该部分进行原生DOM操作,而非重新渲染整个页面。
文章
32777
阅读量
4844731
2025-04-18 07:11:02
2025-04-18 07:10:30
2025-03-28 07:42:34
2025-03-28 07:42:20
2025-03-28 07:41:43
2025-03-26 10:19:19
2023-05-12 06:47:28
2023-04-23 09:44:14
2023-06-16 06:09:26
2023-05-17 06:17:17
2023-05-17 06:17:17
2023-05-22 03:00:29