react17
文章平均质量分 59
a伊雪
这个作者很懒,什么都没留下…
展开
-
react原理学习
React 16 之后,推出 Fiber 架构,虽然省不掉必要的 render,但把递归 Diff 改为可打断的循环,并且花费精力解决任务优先级调度问题,优化了用户体验。我认为最重要的问题是组件状态到页面元素是有映射关系的,而是用 Virtual DOM 则丢失了这个映射关系,需要 DOM Diff 来重新构建这个关系,纯粹是多余的消耗(Pure Overhead)。,以 Vue 的 Virtual DOM 对象为例,100W 个空的 Virtual DOM(Vue) 会占用 110M 内存。原创 2022-11-25 18:02:06 · 293 阅读 · 0 评论 -
useEffect使用(不能直接在useEffect中使用async函数)
useEffect使用转载 2022-08-17 17:12:03 · 2938 阅读 · 0 评论 -
使用vedio播放视频
vedio使用原创 2022-06-22 16:10:15 · 916 阅读 · 0 评论 -
在 React 函数式组件中使用 useState, 变量,useRef 的时机
变量 变量在每次组件重新渲染的时候都会被重新进行赋值,所以如果你想要保留之前操作的状态的话就不要使用变量 useState 组件更新不会改变之前的状态,可以保存状态 useRef 也可以保存我们的状态 那么问题来了: 我们什么时候该用 useState 什么时候该用 useRef 呢? useState: 当我们需要在状态改变的时候重新渲染视图,那么我们就使用 useState 来保存我们的状态 useRef: 如果我们只是想保存状态,而且可以同步更新&获取我们的状态,那么就使用 useR转载 2022-04-29 11:02:34 · 3310 阅读 · 1 评论 -
react17笔记1
hooks 在react类组件(class)写法中,有setState和生命周期对状态进行管理,但是在函数组件中不存在这些,故引入hooks(版本:>=16.8),使开发者在非class的情况下使用更多react特性。 useEffect相当于componentDidMount和componentDidUpdate两个生命周期,通过return () => {}的方式解绑生命周期,相当于componentWillUnmount周期,以监听页面滚动为例,通过effect实现监听与解绑如下:转载 2022-04-26 11:54:44 · 207 阅读 · 0 评论