Yihui’s Blog

The Journal

Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.

783 articles

React 中的 Fiber(纤程)及其工作原理

代数效应 代数效应能够将副作用(例子中为请求图片数量)从函数逻辑中分离,使函数关注点保持纯粹。(函数调用产生的副作用不需要使用者关心,并且是上下文无关的,并不与上下文逻辑相绑定) Fiber Fiber并不是计算机术语中的新名词,他的中文翻译叫做纤程,与进程(Process)、线程(Thread)、协程(Coro…

Read article

如何展示对话框,并给对话框传递参数?

案例导入:处理对话框的误区为了方便你理解这两点,我给你举一个实际场景的例子,你就能明白为什么说在 React 中,常用的对话框是比较难处理的。比如说我们需要实现下面这个截图演示的功能: 那么,一般会用类似下面的代码逻辑去实现: 在这段代码中,我们将 UserInfoModal 这个对话框组件定义在了父组件 Lay…

Read article

TypeScript 工具类型

工具类型的分类 属性修饰工具类型。对属性的修饰,包括对象属性和数组元素的可选/必选、只读/可写。 结构工具类型。对既有类型的裁剪、拼接、转换等,比如使用对一个对象类型裁剪得到一个新的对象类型,将联合类型结构转换到交叉类型结构。 集合工具类型。对集合(即联合类型)的处理,即交集、并集、差集、补集。 模式匹配工具类型…

Read article