typescript
文章平均质量分 55
strexGM
这个作者很懒,什么都没留下…
展开
-
一步步构建自己的前端项目
前端项目的整合原创 2023-03-13 11:35:35 · 1181 阅读 · 0 评论 -
Vue Language Features (Volar) 会引起ts报错
volar引起的报错原创 2022-05-22 10:03:42 · 12620 阅读 · 2 评论 -
抄一个ts冒泡排序的实现(面试题)
// Type level bubble sort algorithm// https://twitter.com/anuraghazratype BubbleSort< A extends any[], Curr extends number = A["length"]> = Curr extends 1 ? A : A extends [infer F, infer S, ...infer Rest] ? BubbleSort< [原创 2022-04-08 09:21:58 · 161 阅读 · 0 评论 -
链式调用timeout
对timeout的两种封装,链式调用第一种,一开始将所有的time设置好export class TimeOut { private sleep: number; constructor(sleep?: number) { this.sleep = sleep ? sleep : 0; } do(fn: () => void) { if (this.sleep) { setTimeout(() => {原创 2021-12-15 10:28:29 · 758 阅读 · 0 评论 -
TypeScript 之模板字面量类型
模板字面量类型(Template Literal Types)模板字面量类型以字符串字面量类型为基础,可以通过联合类型扩展成多个字符串。它们跟 JavaScript 的模板字符串是相同的语法,但是只能用在类型操作中。当使用模板字面量类型时,它会替换模板中的变量,返回一个新的字符串字面量:type World = "world"; type Greeting = `hello ${World}`;// type Greeting = "hello world"当模板中的变量是一个联合类型时,每原创 2021-12-07 22:40:19 · 513 阅读 · 0 评论 -
对一个ts类型推导的理解
开始的疑惑的点在:为什么Options可以根据参数推导出T就是 { a:number,context:… }这样的类型。后来转变下思考方式,参数中的对象 {a:1,context:…}就等同于 {[K in keyof T]: K extends ‘context’ ? T[K] : number}这个字面量,也就是说K就是对象中的所有key,而当遍历完了这个对象,他就是 Optionstype Options<T> = { [K in keyof T]: K extends原创 2021-10-11 11:38:17 · 275 阅读 · 0 评论 -
TS操作符总结
转载自掘金:coolFishhttps://juejin.cn/post/6844903881860874254序言最近开始学习TS,发现了很多困难,过了这道坎以后,发现TS的操作符就像拼音是汉字的基础一样,学好TS操作符,是学好TS的重中之重,我们今天就来详细的了解一下TS的操作符。typeof在 TypeScript中,typeof 操作符可以用来获取一个变量的声明,或是对象的类型。我们看两个小例子//例子1interface People { name: string; age:转载 2021-09-22 10:18:43 · 978 阅读 · 0 评论 -
typescript 复杂类型 Utility Types
TypeScript学习之Utility TypesPartialRequiredReadonlyRecordPartial作用:它会将Type内所有属性置为可选,返回一个给定类型Type的子集。示例:interface Todo { title: string; description: string;}// 场景:只想更新toTo部分属性,Partial的使用就比较优雅了function updateTodo(todo: Todo, fieldsToUpdate: Partial&原创 2021-08-09 11:36:14 · 334 阅读 · 0 评论