首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
【React架构】
订阅
测试账号06
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
某大厂一面: 讲讲 Fiber 架构以及它是如何实现增量渲染的🥱🥱🥱
在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。
面试官问我 react scheduler 调度机制原理? 我却支支吾吾答不上来...😭😭
在一次面试时,面试官问我 react scheduler 调度机制原理是什么?我却支支吾吾想了半天没答上来,看着面试官轻蔑的表情,我在心里默默的下定决心:三十年河东三十年河西,莫欺少年穷......
React Fiber面试宝典:深度掌握,助你一路通关无阻!
每次面试,你是否都听到这些问题回荡在耳边:“你对React Fiber了解多少?”、“React Fiber究竟是什么?”、“它在实际应用中有什么价值?”。别再被这些问题困扰了!React Fiber
JS是单线程执行,react fiber为什么可以随时暂停又恢复执行?
JS代码是单线程执行的,那浏览器是如何中断react的diff事件的。其实底层原理很简单,就两个字 -- 协程
这可能是最通俗的 React Fiber(时间分片) 打开方式
写一篇关于 React Fiber 的文章, 这个 Flag 立了很久,这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励,给了我很多动力,所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue,这里…
从Preact中了解React组件和hooks基本原理
React 的代码库现在已经比较庞大了,加上 v16 的 Fiber 重构,初学者很容易陷入细节的汪洋大海,搞懂了会让人觉得自己很牛逼,搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…
【React深入】setState的执行机制
以下几个问题是我们在实际开发中经常会遇到的场景,下面用几个简单的示例代码来还原一下。 3.更新时会把每个组件的更新合并,每个组件只会触发一次更新的生命周期。 由于源码比较复杂,就不贴在这里了,有兴趣的可以去github上clone一份然后按照下面的流程图去走一遍。 1.将set…
【React深入】React事件机制
下面是我阅读过源码后,将所有的执行流程总结出来的流程图,不会贴代码,如果你想阅读代码看看具体是如何实现的,可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…
【React深入】从Mixin到HOC再到Hook
前端发展速度非常之快,页面和组件变得越来越复杂,如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分,这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术,并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…
【React深入】深入分析虚拟DOM的渲染原理和特性
React的虚拟DOM和Diff算法是React的非常重要的核心特性,这部分源码也非常复杂,理解这部分知识的原理对更深入的掌握React是非常必要的。 本来想将虚拟DOM和Diff算法放到一篇文章,写完虚拟DOM发现文章已经很长了,所以本篇只分析虚拟DOM。 本篇文章从源码出发…