首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
fishWhy
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
React 框架 | 深入剖析 Scheduler 原理
Scheduler 是一个任务调度器,它会根据任务的优先级对任务进行调用执行。在有多个任务的情况下,它会先执行优先级高的任务。
五千字长文,解密 React Scheduler 如何运行
背景 React 当中很关键的一步是关于,它的任务(异步任务)调度的逻辑,在面试过程中经常被问到,我们不妨从源码中深入理解,到底它是如何工作的,如何将异步任务,浏览器,空闲时间更新,联系在一起的。
React Fiber
react在进行组件渲染时,从setState开始到渲染完成整个过程是同步的(“一气呵成”)。如果需要渲染的组件比较庞大,js执行会占据主线程时间较长,会导致页面响应度变差,使得react在动画、手势等应用中效果比较差。 为了解决这个问题,react团队经过两年的工作,重写了r…
眼见为实的EventLoop事件循环「1. requestAnimationFrame」
1. requestAnimationFrame 为了看起来比较方便,我们在火焰图上大致的标记一下,可以明显的看到,在经过了点击事件之后,发生了一次requestCallbackCB -> 连着5次 setTimeoutCB -> 一次 requestCallbackCB ->…
浏览器的每一帧
渲染进程中的线程 从图中可以看到浏览器渲染页面主要涉及到两个进程: Renderer Process: 在这个进程中,会创建一个完整的帧,帧结束之后,会被推送到Gpu进程中 Gpu process:
你应该知道的requestIdleCallback
我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断,其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。虽然React是自己实现了一套类似的requestIdleCallb…
这可能是最通俗的 React Fiber(时间分片) 打开方式
写一篇关于 React Fiber 的文章, 这个 Flag 立了很久,这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励,给了我很多动力,所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue,这里…
2021,鬼知道我读了多少遍React源码
「时光不负,创作不停,本文正在参加2021 年终总结征文大赛」 2020年11月离开待了5年的广州,来到深圳的现在的公司,当时前端团队有15人左右,但没想到的是,到了2021年的三月份已经走了9个老同
useEffect你真的会用吗?
最近在公司搬砖的过程中遇到了一个bug,页面加载的时候会闪现一下,找了很久才发现是useeffect的依赖项的问题,所以打算写篇文章总结一下,希望对看到文章的你也有所帮助。
如何优雅地在 React 中使用TypeScript,看这一篇就够了!
万字长文又来了!单独使用 TypeScript 时没有太多的坑,不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。