折曜

2023年了，还是抛弃webGL吧，学一学新时代的webGPU，本文将几分钟让你快速掌握核心原理、流程、以及快速开发WebGPU。 WebGPU 为什么要用WebGPU w...

嵌套的flex容器，子flex的高度会超过父容器高度，并导致父容器高度变大。 效果如下，可以很明显的看到， 顶层节点App的高度是正常的，但是content却被子容器给撑开...

Commit 阶段概述 在 React 源码分析（二）—— Fiber 的 render 阶段 讲到， Fiber 在render 阶段完成后，对应 Fiber 的 DOM...

为什么需要优先级 优先级机制最终目的是为了实现高优先级任务优先执行，低优先级任务延后执行。 实现这一目的的本质就是在低优先级任务执行时，有更高优先级任务进来的话，可以打断低...

本文重点讲解更新流程中 `render`阶段的全流程 ，在 `React` 中,`render` 流程中可以被拆分为 `beginWork` 和 `completeWork...

在 React 18 中，引进了一个新的 API —— startTransition 还有二个新的 hooks —— useTransition 和 useDeferre...

点击进入React源码调试仓库。 每个fiber节点在更新时都会经历两个阶段：beginWork和completeWork。在Diff之后（详见深入理解React Diff...

这里是 React 源码分析系列的第一节。看完这篇文章，你可以理解 React 的设计理念。并对 React 源码有一些初步的了解...

点击进入React源码调试仓库。 Scheduler作为一个独立的包，可以独自承担起任务调度的职责，你只需要将任务和任务的优先级交给它，它就可以帮你管理任务，安排任务的执行...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

🤔️要求 实现一个可以将 union 转化为 tuple 的类型 UnionToTuple。 由于 union 是一个无序结构， tuple 是一个有序结构。因此在这个...

🤔️要求 实现类似Vue的类型支持的简化版本。 通过提供函数名称SimpleVue（类似于Vue.extend或defineComponent），它应该正确地推断出计算和...

实现一个 Permutation 类型，当输入一个 union 类型时，返回一个包含该 union类型的全排列类型数组 。...

要求实现一个 EventEmitter 类，该类中存在两个方法 on / emit。分别完成 函数的 订阅和调用。...

🤔️要求 实现一个范型 Underscore，对于给定的下划线形式的字符串类型 T, 返回驼峰形式的类型G....

🤔要求 实现一个范型 ChangeArgument<Fn extends (...args: any[]) => any[]>，对于给定的函数类型 Fn, 返回一个新的函...