vdom

2024-08-08react渲染列表中的key的作用
这个key首先是只在渲染数组列表的时候会用到。比如经常遇到的如上没有key的话，会报一个错，那么，我们可不可以使用数组的index作为下标呢？答案是不推荐。因为在数组项的顺序在插入、删除或者重新排序等操作中会发生改变，此时把索引作为key可能会产生一些微妙的bug。像下面这种
2023-07-30React（三）：Hello,React
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>helloReact</title><scriptsrc="https://unpkg.com/react@18/umd/react.development.js"></script><scriptsrc=
2023-07-30React（四）：虚拟DOM创建的两种方式
1.使用js创建虚拟DOM（不推荐使用）<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>js创建虚拟DOM</title><scriptsrc="https://unpkg.com/react@18/umd/react.development.js"></script>
2023-07-02vue的虚拟DOM
1、作用提高性能（直接操作DOM性能低，js层操作效率高）跨平台2、虚拟DOM如何生成1、为组件编写模版-template2、模版被编译器编译渲染为函数-render3、挂载中调用render函数，返回对象就是虚拟DOM4、后续patch过程中进一步转化成真实DOM3、VDOM如何diff1、挂载过程结束，记录第一
2023-06-25React基本引入和JSX语法
1.1React介绍1.1.1.官网英文官网:https://reactjs.org/中文官网:https://react.docschina.org/1.1.2.介绍描述用于动态构建用户界面的JavaScript库(只关注于视图)由Facebook开源1.1.3.React的特点声明式编码组件化编码ReactNative编写原生应用高效（优秀
2023-03-30React 笔记
Date:2023-03-3020:36:05视频链接：尚硅谷React教程开始学react了，
2023-03-10vue react框架
Vue、React框架的价值（共同点）组件化数据视图分离，数据驱动视图——这是核心！只关注业务数据，而不用再关心DOM变化 vdom并不快，js操作DOM才是最快的但“数据
2023-01-28React --- jsx语法规则
jsx语法规则：1、定义虚拟dom时，不要写引号//创建虚拟DOM 1constVDOM=<h1><span>hello，react</span></h1> 2、标签中混入JS表达式时要用{}1//定义属性和标签内容2c
2022-12-19社招前端二面react面试题整理
解释React中render()的目的。每个React组件强制要求必须有一个render()。它返回一个React元素，是原生DOM组件的表示。如果需要渲染多个HTML元素，则必须将它们组
2022-11-1802_虚拟DOM的两种创建方式
一、1_使用jsx创建虚拟DOM<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>1_使用jsx创建虚拟DOM</title></head><body><
2022-10-11JSX语法规则
1.定义虚拟DOM时，不要写引号。创建虚拟DOM：constVDOM=(<h2id="atguigu">HelloReact!</h2>)渲染虚拟DOM到页面ReactD
2022-09-26React创建虚拟DOM的两种方式
1、使用jsx创建虚拟DOM<body><divid="test"></div><scripttype="tex
2022-09-20关于react的渲染原理
1：父组件里面的子组件，父组件进行render渲染之后，等到子组件render渲染完成之后并且子组件生成了对应的虚拟节点（也就是子组件render执行后，componentDidunMount周期执行完之后）,
2022-08-18react基础知识
react是一个将数据转换为html的js库react英文官网：https://reactjs.orgreact中文官网：https://react.docschina.org用react渲染一段文字：<!DOCTYPEhtml><htmllang="en