折曜

前端 | 字节跳动

赞

46

|

搜索文章

赞

文章( 39 ) 沸点( 7 )

Typescript 类型体操 —— Change Argument

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

折曜
4年前
964
3
3

Typescript 类型体操 —— Change Argument

Typescript 类型体操 —— Underscore

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

折曜
4年前
1.4k
3
评论

Typescript 类型体操 —— Underscore

Typescript 类型体操 —— EventEmitter

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

折曜
4年前
2.9k
7
2

Typescript 类型体操 —— EventEmitter

Typescript 类型体操 —— Permutation

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

折曜
4年前
1.2k
3
评论

Typescript 类型体操 —— Permutation

Typescript 类型体操 —— Simple Vue

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

折曜
4年前
1.7k
8
评论

Typescript 类型体操 —— Simple Vue

Typescript 类型体操 —— Union To Tuple

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

折曜
4年前
2.3k
13
评论

Typescript 类型体操 —— Union To Tuple

一眼看穿react源码(3)：不再神秘的优先级机制

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

DavidWong
3年前
25k
42
16

一眼看穿react源码(3)：不再神秘的优先级机制

React 源码分析（二）—— Fiber 的 render 阶段

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

折曜
3年前
1.9k
10
2

React 源码分析（二）—— Fiber 的 render 阶段

「React18新特性」深入浅出用户体验大师—transition

在 React 18 中，引进了一个新的 API —— startTransition 还有二个新的 hooks —— useTransition 和 useDeferredValue，本质上它们离不

我不是外星人
3年前
34k
431
21

「React18新特性」深入浅出用户体验大师—transition

深挖React的completeWork

点击进入React源码调试仓库。每个fiber节点在更新时都会经历两个阶段：beginWork和completeWork。在Diff之后（详见深入理解React Diff原理），workInProgress节点就会进入complete阶段。这个时候拿到的workInProgr…

Axizs
4年前
11k
50
2

个人成就

文章被点赞 468

文章被阅读 87,754

掘力值 2,092

加入于

2017-06-21