suukii

ESC 指non-printable control character escape，具体的值是 \x1b。 e.g.

接下来就是将这些组合在一起。 先来看看需求好了，我们的目标是实现一个计数器。 #counter 显示当前数字。 #inc 按钮被点击时当前数字要加一。 首先我们需要一个状态来存储当前数字。 #inc 按钮被点击时 count++，这没什么好说的。 重要的是，counter.co…

简单地说，响应式状态(state reactivity)是指当程序状态发生改变时，比如说某个变量的值发生了变化，就自动执行某些指定的操作。 当一个变量发生改变时，它能发出通知。 收集变量的依赖函数，即哪些函数对这个变量的变化是感兴趣的，把它们收集起来，变量改变时通知它们。 由于…

简单复习一下概念，VDOM 就是用 JS 对象来描述真实的 DOM；相比真实 DOM，VDOM 没有那么多属性，操作起来开销更小。 tag 属性，用来描述 HTML 标签。 props，用来描述标签的属性。 children，0 或多个子元素，子元素既可以是 VNode 数组，…

几个礼拜前我在 GitHub 上面看到了力扣的面试题仓库，其中有一道 TypeScript 题目，要求编写复杂类型定义。当时我对类型只是有一个泛泛的了解，所以这题目是看得一头雾水。最近稍微看了一下 TypeScript 的文档，尤其是这两天看了两个“高级”的用法，所以决定重新尝…

我们在自定义类型的时候，有可能会希望一个接口允许有任意的属性签名，这时候 任意属性 就派上用场了。 任意属性有两种定义的方式：一种属性签名是 string 类型的，另一种属性签名是 number 类型的。 [prop: string]: number 的意思是，A 类型的对象可…

在这篇短文里，我们会通过 3 个例子来理解 infer 关键字的作用。 FunctionWithOneObjectArgument 接收两个泛型 P 和 R，然后返回一个函数签名 (props: P) => R，而 P extends { [x: string]: any } …

用大白话来说，就是将两台或以上的计算机连接起来，使得它们可以相互通信的系统。 最简单的情况，就是用一根线把需要进行通信的两台计算机连接起来，这根线加上这两台计算机就组成了一个简单的网络。 这根连接线一般是电缆、光纤之类的媒体介质，一般我们把它叫做链路 link，而网络中的计算机…

实现一个打包工具最基本的功能，即根据入口文件扫描依赖，并进行模块化加载等。 开始之前呢，需要先对 webpack 有一个大概的了解，如果完全不知道的话，建议先去看一下官网的文档。 代码中用到了几个 Nodejs 内置的模块，所以先来简单介绍一下用到的 API，如果想要更详细地了…