首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
进击的小进进
掘友等级
携程
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
198
文章 197
沸点 1
赞
198
返回
|
搜索文章
最新
热门
React源码解析之FunctionComponent(下)
前言:在React源码解析之FunctionComponent(中)中,讲到了reconcileSingleElement()和reconcileSingleTextNode():接下来,我们讲rec
React源码解析之FunctionComponent(中)
React 会准备 fiber 树的两个版本(新版本和旧版本),当新版本的某一新节点在旧版本上有时,可以复用旧 fiber 的属性,而不是重新创建新的节点。 新旧 fiber 树相互复用的思路来源于doubleBuffer。
React源码解析之FunctionComponent(上)
所以我现在暂时还不知道 children 到底是个啥,后面如果有新发现的话,会在「前言」中提到。
React之childExpirationTime
中有提到 React 利用 childExpirationTime,来跳过子树的遍历及渲染,本文讲下 childExpirationTime 的含义和作用。 由于 React 的更新是从FiberRoot开始的,所以当某一节点发生更新时,React 会向上遍历,直至找到Fibe…
React源码解析之workLoop
看下beginWork()。completeUnitOfWork()会在后面文章中解析。 通常判断子节点的更新是要遍历子树来获取信息的,但 React 非常聪明地在子节点产生更新的时候,设置上 childExpirationTime,并最终在父节点上设置一个优先级最高的 chi…
React源码解析之renderRoot概览
由于个人能力和精力有限,外加 renderRoot 的内容太多,里面的每个 function 都可以单独拿出来讲,所以本篇文章的目的是帮助大家了解 renderRoot 大概做了哪些事,而这些事具体的内容,以后会一个个单独拿出来解析。 (8) 根据workInProgressR…
React源码解析之flushWork
对,就是这个hasMoreWork调用了flushWork,本文就讲解下flushWork()方法。 本文的源码逻辑不算复杂,但是需要熟悉链表的操作。
React源码解析之requestHostCallback
本文的目的就是讲解requestHostCallback()的源码逻辑及其作用。 也就是说,如果 ① rAFID 先执行的话,即会随着浏览器刷新频率执行,并且会阻止 ② rAFTimeoutID 的执行。 rAFTimeoutID的作用更像是一个保底措施,如果 React 在进…
前端小知识10点
前言:这里记录我在工作或学习中用到的小技巧1、获取指定日期的上一周或上上周(moment.js)比如获取2019-01-01的上一周的起始日期或者是上N周的起始日期注意!如果你截取了year来获取某周
React源码解析之scheduleWork(下)
同时,还可以中断正在执行的任务,优先执行优先级比当前高的任务(scheduleCallbackForRoot()),之后,还可以继续之前中断的任务,而React16 之前调用setState(),必须等待setState的update队列全部调度完,才能进行之后的操作。 sch…
下一页
个人成就
文章被点赞
391
文章被阅读
179,446
掘力值
4,033
关注了
37
关注者
329
收藏集
11
关注标签
13
加入于
2018-12-28