搜索结果
查询Tags标签： fiber，共有 49条记录-
【react】什么是fiber？fiber解决了什么问题？从源码角度深入了解fiber运行机制与diff执行
壹 ❀ 引 我在[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?一文中，介绍了虚拟dom的概念，以及react中虚拟dom的使用场景。那么按照之前的约定，本文来聊聊react中另一个非常重要的概念，也就是fiber。那么通过阅读本…
2022/6/28 1:25:07 人评论 次浏览 -
Java 协程 Quasar
线程在阻塞状态和可运行状态的切换，以及线程间的上下文切换都会造成性能的损耗。为了解决这些问题，引入协程coroutine这一概念，就像在一个进程中允许存在多个线程，在一个线程中，也可以存在多个协程。使用协程究竟有什么好处呢？ 首先，执行效率高。线程的切换由操作系…
2022/3/25 17:22:40 人评论 次浏览 -
Java不支持协程？那是你不知道Quasar！
原创：微信公众号 码农参上，欢迎分享，转载请保留出处。在编程语言的这个圈子里，各种语言之间的对比似乎就一直就没有停过，像什么古早时期的"PHP是世界上最好的语言"就不提了，最近我在摸鱼的时候，看到不少文章都在说"Golang性能吊打Java"。作为一…
2022/2/23 11:22:42 人评论 次浏览 -
react17.x源码解析(3)——fiber树的构建与更新续
react通过new MessageChannel()创建了消息通道，当发现js线程空闲时，通过postMessage通知scheduler开始调度。然后react接收到调度开始的通知时，就通过performWorkUntilDeadline函数去更新当前帧的结束时间，以及执行任务。从而实现了帧空闲时间的任务调度。 // package…
2022/2/21 12:26:41 人评论 次浏览 -
react17.x源码解析(2)——fiber树的构建与更新
下面我们结合源码，来看一下实际工作过程中fiber树的构建与更新过程。 mount过程 react首次mount开始执行时，以ReactDOM.render为入口函数，会经过如下一系列的函数调用： ReactDOM.render——> legacyRenderSubtreeIntoContainer——>legacyCreateRootFromDOMCont…
2022/2/18 20:20:19 人评论 次浏览 -
【java】Java协程编程之Loom项目尝鲜
1.概述 首先看一个协程相关有趣的朝会：【java】java 协程 转载：Java协程编程之Loom项目尝鲜 之前很长一段时间关注JDK协程库的开发进度，但是前一段时间比较忙很少去查看OpenJDK官网的内容。Java协程项目Loom（因为项目还在开发阶段，OpenJDK给出的官网https://openjdk.…
2022/2/13 11:44:45 人评论 次浏览 -
Go：基于 MongoDB 构建 REST API — Fiber 版
本文主要在于带着大家完成一个基本的 CRUD 工作，让大家熟悉 Fiber + MongoDB 构建 RESTful API，熟悉工作流程。同时了解相关库的使用。 本文的完整代码见：https://github.com/programmerug/fibermongo。 文档说明: https://mp.weixin.qq.com/s/NWoUMwvN6ot7yLuDP0Heiw …
2022/2/11 19:16:37 人评论 次浏览 -
react源码解析3.react源码架构
react源码解析3.react源码架构 视频讲解（高效学习）：进入学习 这一章的目的是让我们认识一下react源码架构和各个模块。 在真正的代码学习之前，我们需要在大脑中有一个react源码的地图，知道react渲染的大致流程和框架，这样才能从上帝视角看react是怎么更新的，来吧少…
2022/2/10 9:12:38 人评论 次浏览 -
react源码解析19.手写迷你版react
react源码解析19.手写迷你版react 视频讲解（高效学习）：进入学习 往期文章： 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11…
2022/1/13 9:03:44 人评论 次浏览 -
react源码解析19.手写迷你版react
react源码解析19.手写迷你版react 视频讲解（高效学习）：进入学习 往期文章： 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11…
2022/1/13 9:03:44 人评论 次浏览 -
react源码解析17.context
react源码解析17.context 视频讲解（高效学习）：进入学习 context流程图cursor/valueStack react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context，另外还有一个didPerformWorkStackCursor用来表示当前的context有没有变化 //ReactFiberNe…
2021/12/28 9:07:40 人评论 次浏览 -
react源码解析17.context
react源码解析17.context 视频讲解（高效学习）：进入学习 context流程图cursor/valueStack react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前context，另外还有一个didPerformWorkStackCursor用来表示当前的context有没有变化 //ReactFiberNe…
2021/12/28 9:07:40 人评论 次浏览 -
React setState 源码解析
1. setState是同步还是异步？ 在legacy模式下，在合成事件和钩子函数中是“异步”的，在原生事件和setTimeout等是同步的在concurrent模式下，即使是在setTimeout中也是“异步”的严格意义上来说，应该不是异步，只是执行时间比同步晚，这里直接用“异步”来讲 2. setStat…
2021/12/26 17:09:49 人评论 次浏览 -
React setState 源码解析
1. setState是同步还是异步？ 在legacy模式下，在合成事件和钩子函数中是“异步”的，在原生事件和setTimeout等是同步的在concurrent模式下，即使是在setTimeout中也是“异步”的严格意义上来说，应该不是异步，只是执行时间比同步晚，这里直接用“异步”来讲 2. setStat…
2021/12/26 17:09:49 人评论 次浏览 -
react源码解析16.concurrent模式
react源码解析16.concurrent模式 视频讲解（高效学习）：进入学习 往期文章： 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和调试 5.jsx&核心api 6.legacy和concurrent模式入口函数 7.Fiber架构 8.render阶段 9.diff算法 10.commit阶段 11.…
2021/12/24 9:07:10 人评论 次浏览
