- 博客(7)
- 收藏
- 关注
原创 react并发模式
文章目录前言FiberSchedulerlaneSuspense前言react17增加了concurrent mode的模式,这种模式的根本目的是为了让应用保持cpu和io的快速响应,它是一组新功能,包括Fiber、Scheduler、Lane,可以根据用户硬件性能和网络状况调整应用的响应速度,核心就是为了实现异步可中断的更新。concurrent mode也是未来react主要迭代的方向。cup:让耗时的reconcile的过程能让出js的执行权给更高优先级的任务,例如用户的输入,io:依靠S
2021-04-08 10:59:12
303
原创 HTML,CSS复习
文章目录前言一、HTML1.语义化标签2.增加了一些表单的新元素3.视频音频4.canvas5.WebWorker6.webStorage7.webSocket二、CSS1.flex:1代表什么2.margin外边距合并问题前言打算在5月换个工作,所以勒,在这个月进行集中的复习整理前端的复习资料,本题中将主要对HTML以及CSS的基础知识进行review一、HTML超文本标记语言,互联网核心技术之一比较重要的就是HTML5的新特性,比如1.语义化标签比如header,content之类的.
2021-04-06 19:50:29
141
原创 4月前端复习指南
学习目标:前端复习指南学习内容:1、 前端基础HTML,CSS2、 数据结构3、 浏览器相关4、 网络相关5、 React学习时间:每日摸鱼学习学习产出:每日两篇博客
2021-04-06 19:18:18
134
原创 react源码学习-入口源码(三)
文章目录一、react中入口函数的模式react中入口函数的模式不同模式在react运行时的含义二、函数调用的顺序和作用1.主要流程:2.主要函数执行过程:一、react中入口函数的模式react中入口函数的模式legacy 模式: ReactDOM.render(, rootNode)。这是当前 React app 使用的方式。当前没有计划删除本模式,但是这个模式可能不支持这些新功能。blocking 模式: ReactDOM.createBlockingRoot(rootNode).ren
2021-02-19 15:52:25
174
原创 react源码学习-Fiber(二)
文章目录前言一、Fiber是什么?二、Fiber数据结构1.自带的属性2.Fiber双缓存完整的过程前言react15在render阶段的reconcile是不可打断的,这会在进行大量dom的reconcile时产生卡顿,因为浏览器所有的时间都交给了js执行,并且js的执行时单线程。为此react16之后就有了scheduler进行时间片的调度,给每个task一定的时间,如果在这个时间内没执行完,也要交出执行权给浏览器进行绘制和重排,所以异步可中断的更新需要一定的数据结构在内存中来保存dom的信
2021-02-19 15:02:05
152
原创 react源码学习(一)
react源码学习提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、react源码中存在的模型?scheduler调度算法LaneReact.createElement的源码中做了如下几件事一个调度生命周期分为几个阶段react17的出现Fiber双缓存Reconciler(在render阶段中执行):协调器Reconciler中的diff算法Renderer(commit阶段中:渲染器)前言工作不忙,啃一啃react源码提示:以下是本篇文章正文内容,下面案
2021-02-19 14:30:18
338
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人