前端跳槽突围课:React18底层源码深入剖析(21章)

halhgkweit8888888 · · 223 次点击 · 开始浏览    置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

前端跳槽突围课:React18底层源码深入剖析(21章) 并发,在操作系统中,是指一个时间段中有几个程序都处于已启动运行到运行完毕之间,且这几个程序都是在同一个处理机上运行,但任一个时刻点上只有一个程序在处理机上运行。 并发的关键是具备处理多个任务的能力,但不是在同一时刻处理,而是交替处理多个任务。比如吃饭到一半,开始打电话,打电话到一半发现信号不好挂断了,继续吃饭,又来电话了…但是每次只会处理一个任务。 React 中的视觉更新主要分为两个阶段:渲染阶段与提交阶段。这里的渲染阶段属于纯计算阶段,期间 React 元素与现有 DOM 进行协调(即比较)。此阶段需要创建新的 React 元素树,也被称为“虚拟 DOM”,它本质上就是 DOM 在轻量级内存中的表示形式。 在React 18之前,React采用的是基于时间分片的协调策略,它可以将大的更新任务切分为多个小的任务,从而避免阻塞用户界面。但这种策略需要手动添加时间切片代码,而且对于复杂的更新任务难以保证性能。因此,React 18引入了全新的并发模式,它可以自动将任务划分为可中断的小任务,从而更高效地利用CPU资源,提高应用的渲染速度。这个新功能被称为“React的异步渲染(asynchronous rendering)”。![QQ截图20240417105409.png](https://static.golangjob.cn/240417/31a823bff6375fbcc9bf29da00d902b3.png)

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

223 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传