Author

豆子

前面我们介绍了有关 Angular 路由的基本内容。现在,我们就可以完成我们所需要的部分了: 这应该是我们之前的需求列表中最后一部分了。 为了添加路由,首先,我们应该创建一个路由模块。 这里,我们将空路由''映射到TodoListComponent,同时添加了一个:status路由,也映射到这一组件。之所以这样设计,是因为按照需求里面的要求,路由只是为了切换待办事项的列表显示。那么,这意味着路由应 ...

0 个评论 0 次阅读

TypeScript never 类型

by 豆子

原文参考地址:https://itnext.io/typescript-basics-understanding-the-never-type-3b4bdaa7859c TypeScript 的never类型对很多开发者都有点神秘。它究竟是干什么用的,什么时候应该使用它?现在,我们就要谈论一下never关键字,以及什么情况应该使用。 never的特性 TypeScript 使用never关键字表示 ...

0 个评论 0 次阅读

最初,每个网页的都是独立的 HTML 页面。当我们打开一个网页时,浏览器需要向服务器请求页面,并把接收到的 HTML 文档渲染显示出来。当你点击一个链接,跳转到另外的页面时,浏览器需要向服务器请求新的页面,然后再渲染显示出来。 不过现在这种传统的显示已经不那么常见了。越来越多的网站使用 JavaScript 去动态加载页面内容。当你在站点内部点击按钮导航时,并不会重新获取整个页面,而是仅仅去请求内 ...

0 个评论 0 次阅读

TypeScript const 断言

by 豆子

原文地址:https://medium.com/@islizeqiang/why-are-const-assertions-a-gem-in-typescript-e1d353f5d8ce 本文将介绍 TypeScript const断言。使用const断言可以减少很多笨重的类型声明。 首先,我们要来看一下,什么是const断言。 我们从 TypeScript 的官方文档中摘出来: 接下来,我们会 ...

0 个评论 0 次阅读

原文地址:https://levelup.gitconnected.com/typescript-difference-between-any-and-unknown-types-1fff4bf232a 我们知道,TypeScript 定义了很多基本数据类型: boolean: true或者false number: 所有数字类型 string: 字符串类型,使用引号包围,例如'TypeScrip ...

0 个评论 0 次阅读

原文地址:https://medium.com/@lucas.paganini/typescript-infer-keyword-40d42148dd84 本文我们将介绍 TypeScript 的 infer关键字。这个关键字用于从泛型导出类型。下面以Promise为例: 我们要实现的是一个UnpackPromise类型。这个类型可以返回Promise泛型的实际类型。如果P是关于T的Promise ...

0 个评论 0 次阅读

原文地址:https://medium.com/hypersphere-codes/advanced-typescript-mapped-types-and-more-b5d023bd6539 使用强类型语言会带来很多好处,TypeScript也不例外:你使用的类型越强,就能获得越好的结果。不幸的是,TypeScript 的灵活性让我们能够使用一种大得多的类型去描述某些对象,而这些对象原本可以使用 ...

0 个评论 0 次阅读

上一章我们实现了 Mark all as completed 选择框的相关操作。接下来,我们要实现的是另外一个需求: 很明显,计数器的值应该根据todoService.#todoList数组计算而来。那么,我们就在TodoService里面增加一个属性: 这里,我们使用了 TypeScript 的 getter 函数,返回#todoList中所有completed属性为false的待办事项的个数。 ...

0 个评论 0 次阅读

上一章我们完成了待办事项的增加、删除、修改、完成等操作。在开始下面的需求之前,我们要解决一个之前遗留的 bug。 bug 的触发方式是,首先添加若干待办事项,然后利用删除按钮全部删除,此时,不能再添加新的待办事项。输入之后,列表始终为空。 下面我们先看一下增加待办事项的操作: 我们看到,每次新增待办事项,其实是向this.todoService.todoList数组追加元素。这样没有问题,而且符合 ...

0 个评论 0 次阅读

TypeScript 工具类型

by 豆子

类型是 TypeScript 的灵魂,很多时候我们需要种种新的类型。工具类型是 TypeScript 的一种特殊类型,为了解决某一特定的类型问题,得到一种新的类型。有的就是一种通用类型;有的则可以对现有类型进行一定的转换,从而得到一种新的类型。 TypeScript 内置了很多工具类型,熟练运用它们,可以让我们开发工作事半功倍。 下面我们将逐一介绍这些内置工具类型。 Record Record是一 ...

0 个评论 14 次阅读

关于我

devbean

devbean

豆子,生于山东,定居南京。毕业于山东大学软件工程专业。软件工程师,主要关注于 Qt、Angular 等界面技术。

主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2