Zhentiw - 博客园

2022年11月30日

[Typescript 4.9] Auto-Accessors in Classes

摘要： Typescript 4.9 supports an upcoming feature: Auto-accessors: class Person { accessor name: string constructor(name: string) { this.name = name } } Und 阅读全文

posted @ 2022-11-30 15:24 Zhentiw 阅读(65) 评论(0) 推荐(0)

[Typescript 4.9] 'in' operator

摘要： Before version 4.9, you will get type error for the code: interface Context { packageJSON: unknown } function tryGetPackageName(context: Context) { co 阅读全文

posted @ 2022-11-30 15:15 Zhentiw 阅读(40) 评论(0) 推荐(0)

[Typescript] 122. Hard - Mutable Keys

摘要： Implement the advanced util type MutableKeys, which picks all the mutable (not readonly) keys into a union. For example: type Keys = MutableKeys<{ rea 阅读全文

posted @ 2022-11-30 14:48 Zhentiw 阅读(40) 评论(0) 推荐(0)

[XState] Invoke actor

摘要： Invoke by Promise: import { createMachine, interpret, send } from "xstate"; const machine = createMachine({ initial: "loading", states: { loading: { o 阅读全文

posted @ 2022-11-30 02:07 Zhentiw 阅读(62) 评论(0) 推荐(0)

[XState] Create Actor in Vanilla Javascript

摘要： function countBehavior(state, event) { if (event.type "INC") { return { ...state, count: state.count + 1 } } } function createActor(behavior, initialS 阅读全文

posted @ 2022-11-30 01:35 Zhentiw 阅读(42) 评论(0) 推荐(0)

2022年11月29日

[CSS3] Container query

摘要： https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries Use the container-type property a value of size, inline-size, or normal. These 阅读全文

posted @ 2022-11-29 15:41 Zhentiw 阅读(117) 评论(0) 推荐(0)

[Typescript] 121. Hard - IsPalindrome

摘要： Implement type IsPalindrome<T> to check whether a string or number is palindrome. For example: IsPalindrome<'abc'> // false IsPalindrome<121> // true 阅读全文

posted @ 2022-11-29 15:14 Zhentiw 阅读(21) 评论(0) 推荐(0)

2022年11月28日

[Typescript] 120. Hard - ObjectFromEntries

摘要： Implement the type version of Object.fromEntries For example: interface Model { name: string; age: number; locations: string[] | null; } type ModelEnt 阅读全文

posted @ 2022-11-28 15:54 Zhentiw 阅读(38) 评论(0) 推荐(0)

2022年11月27日

[Typescript] 119. Extreme - Get Readonly Keys

摘要： Implement a generic GetReadonlyKeys<T> that returns a union of the readonly keys of an Object. For example interface Todo { readonly title: string rea 阅读全文

posted @ 2022-11-27 19:47 Zhentiw 阅读(149) 评论(0) 推荐(0)

2022年11月26日

[XState] raise event: trigger an action immediately when reach target state

摘要： import { Machine, actions } from "xstate"; const { raise } = actions; // Demostrate `raise` action const stubbornMachine = Machine({ id: "raisedmo", i 阅读全文

posted @ 2022-11-26 17:50 Zhentiw 阅读(51) 评论(0) 推荐(0)

Answer1215

公告