01 2022 档案
摘要：联合类型 interface Bird { name: string; fly(): void; } interface Person { name: string; talk(): void; } type BirdPerson = Bird | Person; let p: BirdPerson
阅读全文
摘要：ES6 规范中，引入了 class 的概念。 但是 JS 中并没有一个真正的 class 原始类型， class 仅仅只是对原型对象运用语法糖。 函数声明和类声明之间的一个重要区别在于, 函数声明会提升，类声明不会。 class Cat{ constructor(name,age){ this.na
阅读全文
摘要：any 我们把对象设置为 any，编译时正常，运行时才会抛出异常 let v: any = 22 v = new Array() v = "33" v.push(33) console.log(v); 为了避免写 any 运行时异常，unknown出场 unknown let v: unknown
阅读全文
摘要：生成器函数 普通函数使用 function 声明，而生成器函数使用 function* 声明 在生成器函数内部，有一种类似 return 的语法：关键字 yield。二者的区别是，普通函数只可以 return 一次，而生成器函数可以 yield 多次（当然也可以只 yield 一次）。在生成器的执行
阅读全文
摘要：先上一张经典图为敬 redux-saga 是一个用于管理redux应用异步操作代替 redux-thunk 的中间件 集中处理 redux 副作用问题。reducer负责处理action的更新，saga负责协调那些复杂或者异步的操作 使用 generator 函数执行异步，generator不是线程
阅读全文
摘要："thunk" 是什么? 单词“thunk”是一个编程术语，意思是“一段做延迟工作的代码”。不需要现在执行一些逻辑，我们可以编写一个函数体或代码，用于以后执行这些工作。 特别是对于Redux来说，“thunks”是一种编写带有内部逻辑的函数的模式，它可以与Redux存储的调度和getState方法交
阅读全文
摘要：前言 React和Redux都遵守组件状态为不可变（immutable）的理念，使用 immer 可将对象设置为 immutable，防止意外的修改。 Immer 是一个支持柯里化，仅支持同步计算的工具，所以非常适合作为 redux 的 reducer 使用。 import produce from
阅读全文
摘要：什么是 css in js 用 js 的方式管理 css。 这段代码来自 styled-components 官网。 Button 是一个样式组件。 const Button = styled.a` display: inline-block; border-radius: 3px; padding
阅读全文
