自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 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

原创 2021-02-22

一些转载: 浏览器相关 webpack使用

2021-02-22 13:58:55 76

原创 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关注的人

提示
确定要删除当前文章?
取消 删除