田田川

技巧54：知道如何迭代object 下面代码运行没有问题，但是ts报错。为什么？ 查看obj，k的类型就知道： k的type是string，而不是'one'|'two'|'...

技巧52：意识到测试types的陷阱 人们发布自己代码的时候，会写测试用例。同样的对types写测试用例同样重要。那你知道如何对自己types写测试用例吗？ 使用ts提供的...

Form是用户在web端输入数据的主要形式，写个一正确的，可测试的From非常重要。这一章我们专注于写一个好的Form表单。 那什么是好的Form？ 首先一点，valida...

技巧51：用镜像类型去切断依赖 假定你在写一个库用来解析CSV文件。你传入CSV文件的内容，返回一个对象构成的数组。为了使用方便，你允许传入内容可以是string或者Nod...

Vue父组件向子组件传值用Props，反过来用 Emitting Events。Emitting Events会有两种方法：this.$emit()(Options API...

技巧50：用条件类型代替声明重载 考虑如何为下面这个函数写type？ double函数的可以传入string或者number。所以你有可能会考虑 union type： 这...

这章主要探讨 props。会写props相关的测试。同时会引出UI和用户逻辑的分离，也可以叫做注意点的分离。 想想React和Vue背后的共同思想： 这还有几种类似的说法，...

1.1 介绍 如果你对设计模式感兴趣，那你肯定是有一定经验的开发者。如果一开始可能会使用jQuery，你会觉得不错，但是随着时间的流逝，需求的变更，代码可能会变得一团糟。 ...

技巧49：回调中为this提供一个type js的this是这门语言中最让人迷惑的部分。不像变量声明的let，const 是定义决定范围，this是动态范围。this的值不...

技巧48：用TSDoc给API添加注释 这有一个函数用于生成一个问候语： 上面代码的作者非常贴心写了一段注释。告诉读者代码的功能。但是最好使用JSDoc风格的注释： 好处就...

为什么要跟踪onChange？ 因为源码庞杂同时依赖复杂。我们需要聚焦一个细小的点来顺藤摸瓜，才有可能有收获。要不然容易迷失在茫茫源码中。 那为什么是onChange？ 因...

技巧47：将出现在公共api的类型导出 越使用ts，你就越期待直接使用第三方库定义的type，interface，而不是自己定义。但是第三方库却不导出相应的。幸运的是，ts...

技巧46：理解关于类型声明的三个版本 大多程序员都不喜欢花费过多时间在版本管理上。但是ts无法对版本管理提供什么帮助，反而会让版本管理更复杂一点。因为你有三个版本需要操心：...

技巧45：将ts 和 @types放入devDependencies npm作为node的包管理真是无处不在。npm管理的包也分为几种类型： dependencies: j...

技巧43：用类型安全的方法打猴子补丁 js最出名的一个特性就是：所有的对象，类都是开放的，也就是你可以给其添加任意属性。利用这一特性给window和document添加属性...

技巧42：对于未知类型的值用unknown而不是any 如果你想写解析YAML文件的函数。那么你的函数改返回什么类型？ 你可以写成any： 但是在技巧38中提到过：any ...

技巧41：理解any进化 ts的变量类型一般在声明的时候已经定好了。声明之后，可以对类型进行细化，但是不能扩展。 但是有个例外：any的进化。 在js中你可能会写一个函数：...

接上文默认你已经安装了pnpm 下载vite react 模板： 命令行输入： 这是安装成功的输出： 开发环境打包 安装并运行： 这是我成功的输出： 浏览器查看: http...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第23天，点击查看活动详情。 技巧40：将不安全的断言藏在类型安全的函数 有些函数类型声明很简单，但是用类...