React is really good at creating and updating DOM elements, but sometimes you need to work with them yourself. A common use case for this is when you’            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-03-29 21:57:00
                            
                                116阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            React is really good at creating and updating DOM elements, but sometimes you need to work with them yourself. A common use case for this is when you’            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-09-01 19:05:00
                            
                                213阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            React Virtual Dom 二三事 React 及Angular 中都有VD 一说,他们是用来组织他们的组件,负责计算差别,然后将这些差异更新到Dom树上面。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-12 21:14:00
                            
                                129阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是虚拟DOM 虚拟 DOM 是相对于浏览器所渲染出来的真实的 DOM 虚拟 DOM 就是使用JS对象来表示页面上真实的 DOM 例如下所示: <div id="name" title= "name"> // 真实的DOM let obj = { // 虚拟DOM tagName: 'div',            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-11-01 20:35:00
                            
                                380阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            例子时间在更新,但是Input中的数据没有丢,说明input没有更新,用的还是之前的真            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:14:23
                            
                                144阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            import React, { Component } from 'react';import { BrowserRouter as Router, Route, Link } from "react-router-dom";const Index = () => ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 19:48:18
                            
                                199阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             import React, { Component } from 'react';import { BrowserRouter as Router, Route, Link } from "react-router-dom";const Index = () => <h2>Home</h2>;const About = () => <h...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-30 17:35:26
                            
                                92阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前端技术的快速发展,让现在的vue、react成为主流框架 一开始的静态页面,到后来的jquery,到现在的vue            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-03 11:33:00
                            
                                178阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.react-router@4.x 与 @3.x 的区别            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-04-26 19:37:00
                            
                                83阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1、问题背景 利用React获取DOM节点,需要利用ref属性2、实现源码 React获取DOM节点 3、实现结果 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-09-30 00:22:00
                            
                                705阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Consider a DOM made of thousands of divs. Remember, we are modern web developers, our app is very SPA! We have lots of methods that handle events - cl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-06-25 18:26:00
                            
                                416阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ReactDOM findeDOMNode 语法:DOMElement findDOMNode(ReactComponent component)描述:获取改组件实例相对应的DOM节点 案例: import React, { Component } from 'react'; import Reac            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-05-11 17:27:00
                            
                                95阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
              
常用函数:
 
createElement 创建元素(不会立即显示,必须绑定到某个父节点上)
 
createTextNode 创建文本节点(不会立即显示,必须绑定到某个父节点上)
 
insertBefore 将一个元素插入到父节点下的某个元素之前(插入后浏览器即时渲染)
 
appendChild 将一个元素添加到父节点下的最后位置(插入后浏览器即时渲染)
 
removeChild 从            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2008-10-17 09:37:00
                            
                                238阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            修改内容:   1. .innerHTML: 获取或设置元素开始标签到结束标签之间的html代码片段。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-15 09:32:59
                            
                                1249阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            虚拟DOM的几个特点虚拟DOM是Object类型的对象虚拟DOM的属性比较少,真实DOM的属性比较多。虚拟DOM最终会被React转化为真实DOM,并呈现在页面上。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-16 18:00:12
                            
                                311阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            虚拟DOM的几个特点虚拟DOM是Object类型的对象虚拟DOM的属性比较少,真实DOM的属性比较多。虚拟DOM最终会被React转化为真实DOM,并呈现在页面上。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-25 14:47:10
                            
                                94阅读