![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
React相关的东西
人鱼之伤
只是个人学习过程中的一些理解和随意的记录,如果有错误欢迎指出
展开
-
React中怎么把自己封装的Modal组件渲染到body下面
这个是一个比较有意思的想法,这么做可以屏蔽修改页面布局样式导致的Modal组件的样式的改变import * as React from 'react';import ReactDOM from 'react-dom';import './modal.scss';type showProps = { visible: boolean; children: React.ReactNode; title: string; onClose: () => void; // onSh原创 2021-09-15 14:54:13 · 1654 阅读 · 0 评论 -
React的新旧对比与回顾
现在React版本还在不断的更新,对于我这种只是中途学了react,对react之前的版本没有太多了解的人,可能又需要补充一些知识了,以下是我需要补充学习的一些知识类组件的特点类组件应该继承React.Component父类类组件必须提供render函数受控组件HTML中的表单元素是可输入的,也就是有自己的可变状态react中可变状态通常保存在state中,并且只能通过setState()方法来修改<input type="text" value={this.state.txt}原创 2021-09-15 14:37:36 · 452 阅读 · 0 评论 -
关于React的Fiber的一些理解和总结
1、原因:react中的render()方法在更新的时候是进行递归操作的,如果在更新的过程中有大量的节点需要更新,就会出现长时间占用JS主线程,并且整个递归过程是无法被打断的,由于JS线程和GUI线程是互斥的,所以可能会看到UI的卡顿2、实现Fiber架构时,必须要解决的两个问题:a、保证任务在浏览器空闲的时候执行b、将任务进行碎片化requestIdleCallbackrequestIdleCallback(callback)是实验性API,可以传入一个回调函数,回调函数能够收到一个deadl原创 2021-08-25 15:55:47 · 491 阅读 · 0 评论 -
React和Vue的虚拟Dom之间的区别对比
react函数式组件思想,当你用setState就会遍历diff当前组件所有的子节点子组件,这种方式开销是很大的,所以react16采用了fiber链表代替之前的树,是可以中断的,分片的在浏览器空闲的时候执行vue 组件响应式思想 采用代理监听数据,我在某个组件里修改数据,就会明确知道那个组件产生了变化,只用 diff 这个组件就可以了参考...原创 2021-08-24 22:52:49 · 574 阅读 · 0 评论