- 博客(7)
- 收藏
- 关注
RSS订阅原创 react并发模式
文章目录前言FiberSchedulerlaneSuspense 前言 react17增加了concurrent mode的模式，这种模式的根本目的是为了让应用保持cpu和io的快速响应，它是一组新功能，包括Fiber、Scheduler、Lane，可以根据用户硬件性能和网络状况调整应用的响应速度，核心就是为了实现异步可中断的更新。concurrent mode也是未来react主要迭代的方向。 cup：让耗时的reconcile的过程能让出js的执行权给更高优先级的任务，例如用户的输入， io：依靠S
2021-04-08 10:59:12
291
原创 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
130
原创 4月前端复习指南
学习目标：前端复习指南 学习内容： 1、 前端基础HTML，CSS 2、 数据结构 3、 浏览器相关 4、 网络相关 5、 React 学习时间： 每日摸鱼学习 学习产出： 每日两篇博客
2021-04-06 19:18:18
128
原创 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
169
原创 react源码学习-Fiber（二）
文章目录前言一、Fiber是什么？二、Fiber数据结构1.自带的属性2.Fiber双缓存完整的过程 前言 react15在render阶段的reconcile是不可打断的，这会在进行大量dom的reconcile时产生卡顿，因为浏览器所有的时间都交给了js执行，并且js的执行时单线程。为此react16之后就有了scheduler进行时间片的调度，给每个task一定的时间，如果在这个时间内没执行完，也要交出执行权给浏览器进行绘制和重排，所以异步可中断的更新需要一定的数据结构在内存中来保存dom的信
2021-02-19 15:02:05
146
原创 react源码学习（一）
react源码学习 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、react源码中存在的模型？scheduler调度算法LaneReact.createElement的源码中做了如下几件事一个调度生命周期分为几个阶段react17的出现Fiber双缓存Reconciler（在render阶段中执行）：协调器Reconciler中的diff算法Renderer（commit阶段中：渲染器） 前言 工作不忙，啃一啃react源码 提示：以下是本篇文章正文内容，下面案
2021-02-19 14:30:18
325
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人