React-虚拟DOM和真实DOM-摩杜云开发者社区

React-虚拟DOM和真实DOM

TEZNKK3IfmPf 2023年11月13日 57 0

react DOM

虚拟 DOM 是相对于浏览器所渲染出来的真实的 DOM
虚拟 DOM 就是使用JS对象来表示页面上真实的 DOM
例如下所示：

<div id="name" title= "name">  // 真实的DOM
let obj = {                    // 虚拟DOM
    tagName: 'div',
    attrs: {
        id: "name",
        title: "name"
    }
}

真实DOM如下

React-虚拟DOM和真实DOM

上一篇： React-传统写法下一篇： Vue中vue-router路由使用分析

最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读

React学习案例十八

TEZNKK3IfmPf 2023年11月15日 32 0 0 react javascript

react笔记之学习之使用组件完成练习

TEZNKK3IfmPf 2023年11月14日 21 0 0 react

react笔记之静态属性

TEZNKK3IfmPf 2023年11月14日 20 0 0 react

react笔记之箭头函数1

TEZNKK3IfmPf 2023年11月14日 16 0 0 react 函数

react笔记之类笔记

TEZNKK3IfmPf 2023年11月14日 23 0 0 react

react笔记之继承

TEZNKK3IfmPf 2023年11月14日 27 0 0 react 继承

jquery-jquery对向与dom标签对向

TEZNKK3IfmPf 2023年11月14日 63 0 0 DOM jQuery

React案例十六

TEZNKK3IfmPf 2023年11月14日 18 0 0 react 编程开发

React学习案例十四

TEZNKK3IfmPf 2023年11月14日 20 0 0 react 编程开发

React学习案例十一

TEZNKK3IfmPf 2023年11月14日 19 0 0 react 编程开发

react笔记之三个api方法之一

TEZNKK3IfmPf 2024年03月22日 93 0 0 react 前端 javascript

React学习案例十七

TEZNKK3IfmPf 2023年11月14日 20 0 0 react 编程开发

前端开发与构建工具Vite

TEZNKK3IfmPf 2024年03月22日 67 0 0 react 前端 javascript

react项目实战学习笔记-学习41-日期和按钮

TEZNKK3IfmPf 2023年11月14日 148 0 0 react javascript

react笔记之箭头函数2

TEZNKK3IfmPf 2023年11月14日 24 0 0 react

vue再读40-ref操作dom

TEZNKK3IfmPf 14天前 24 0 0 DOM javascript vue

react笔记之展开笔记

TEZNKK3IfmPf 2023年11月14日 37 0 0 react

react笔记之渲染列表

TEZNKK3IfmPf 2024年03月22日 69 0 0 html react

React学习案例四

TEZNKK3IfmPf 2023年11月15日 33 0 0 react

react笔记之类笔记2

TEZNKK3IfmPf 2023年11月14日 31 0 0 react

TEZNKK3IfmPf

作者其他文章更多

使用代码获得所有适用于创建的transaction type

2024-06-14

C/C++ realloc()函数解析

2024-06-14

生成一个文件保存在指定的文件夹中思路 python

2024-06-14

Windows 10封装中出现“无法验证你的Windows安装”错误解决方法

2024-06-14

109-修改返回体的内容RestControllerAdvice

2024-06-14

C/C++ 判断进程是否存在

2024-06-14

使用面向对象重构之-使用接口完成行为抽象

2024-06-14

使用面向对象重构之-把抽象控制在一处：提高内聚性

2024-06-14

重操旧业障碍多

2024-06-14

关于关闭自动装配

2024-06-14