首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
TypeScript Tutorial for Beginners
西南_张家辉
创建于2021-05-21
订阅专栏
Typescript 入门到出坑 & The starting point for learning TypeScript
等 6 人订阅
共16篇文章
创建于2021-05-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
[译]全栈 Todolist-client 篇(React Typescript)
在 server 文件夹平行目录下,直接使用 create-react-app 的 typescript 模板来创建。 最终的代码可以按照这个顺序查看,1-5的顺序查看,master 汇集了最终的完善的代码。 也可以观察集群的具体数据,点击 METRICS 还有更详细的图表,c…
全栈 Todolist-database 篇(Cloud MongoDB)
这篇是辅助 server 篇 配置 MongoDB clound 数据库的文章,大家可以先看 server 篇。 注册或者登陆,可以使用 google 账号或者邮箱注册登陆。 选择 ==password== 模式,用户名和密码,下面有随机密码的选项,使用后建议复制一下保存下来。…
[译] 用 Typescript + Node 配合 mongDB 写简单接口
使用 node 完成一个 todolist app 的 server 端,其中包括基本的 ts 配置方案和完成了 Models 和 Controler 层。 include: 告诉编译器具体需要编译的地址. concurrently 最主要的工作就是帮助我们编译 Typescr…
【译】Typescript 4.0 beta 常用新特性一览
2020年的7月26号,微软发布了 TypeScript 4.0 beta。 这里主要是对几个主要的特性做一下自己浅显的理解。 在我们实际使用的场景中其实用户很大,在新老工程替换的时候,为了维护老项目和代码的继续正常运行。 有些年老的代码(bad smell)不得不留在代码中,…
【译】Typescript 3.9 常用新特性一览
1、优化了 Promise.all 的定义,在 3.7 版本中一些混用 null 或 undefined 的时候的问题已经在 3.9 得到了修复。 2、大大的提高了打包速度,微软团队自测的时候 typescript项目的平均编译时间由 26s 缩短到了 10s 左右。 我们知道…
【译】Typescript 3.8 常用新特性一览
# 私有字段的使用来替代不太严格的 private等。 这里只翻译了部分重要的特性,还有更多好玩的新特性可以看下面的参考链接原文查看。 TypeScript 3.8为仅类型导入和导出添加了新语法。 如果您在--isolatedModulesTypeScript的transpil…
【译】Typescript 3.7 常用新特性一览
3.7, 其实至今 3.9 beta 已经发布,有兴趣的同学可以研究一下,这里列举几个常用的 3.7 的特性。 大部分自译,少量借用 google 翻译(ps: google 翻译质量还不错),需要了解和使用 typescript 的看官网学习是非常好的,特别是英文文档写得非常…
TypeScript: 通过一个小案例了解 ts 函数重载和类型保护
联合类型表示一个值可以是几种类型之一。 我们用竖线(|)分隔每个类型,所以number | string | boolean表示一个值可以是number,string,或boolean。 所谓函数重载就是同一个函数,根据传递的参数不同,会有不同的表现形式。 当至少具有一个函数重…
TypeScript: 一些使用的小技巧
Object.keys()返回 keys 的数组,Object.values()返回 values 的数组。 需求1:处理这样的对象中的 value 值,拼接成一个字符串。 需求2:需要处理一个 object 中的 values 返回一个新的对象。
TypeScript: 类型判断-合理的使用 is 和 type
这篇文章主要写在使用函数的时候确保你的参数类型正确的规范的建议。 最开始写 typescript 最困难的就是各种类型的判断,最近浏览 jsFeed 的时候看到一篇不错的文章,然后自己翻译了一下分享给大家。 文章中的翻译都是义译,没有逐字逐段,很多不正确的地方望指出。 Type…
TypeScript: 深入 ts - 基本风格和小技巧使用
一些常用的小技巧平时写代码的时候查询资料积累的一些小技巧基本风格使用class的使用在TypeScript中,我们可以通过Class关键字来定义一个类:处理json和字符串转换数字基本的JavaScr
优雅的在 react 中使用 TypeScript
react中的组件从定义方式上来说,分为类组件和函数式组件。 这是因为我们使用 class properties 语法对state做初始化时,会覆盖掉Component<P, S>中对state的readonly标识。 是的。只要在组件内部使用了props和state,就需要在…
TypeScript: 深入 ts - 几个常用的小技巧
刚开始写 typescript 遇到的问题和简单的解决方案。 这个分情况,原则上来说,我们希望能对所有的值都做类型注解。 对于TS编译器来说,如果声明变量时没有做类型注解,那么TS会根据赋值自动推导出变量类型。这一点大多数情况下很完美,很方便,但是有一些列外: 当你后面需要重新…
TypeScript: 思考类型使用具体情节
最近学习 ts,公司中大佬做了一次关于 ts 的分享,收获颇丰,自己总结了一下笔记,下面给大家分享一下。 第一篇主要是分享几个关于 ts 类型的几个细节的问题。 而TS中的string、boolean、number等声明类型,则是指原始的基本数据类型。 在js中,Boolean…
Typescript 入门写一个 react 进度条组件
如果你写过 react 的组件, 这篇文章对与你来说基本没有什么难度。纯粹的是加上了一点 ts 的知识。 我完全是以学习者的姿态来描述我写组件的过程,很多不严谨的地方请大家指出来哈哈。 也可以打开下面 codeSandbox 看一下源代码。 这是一个普通的 UI 组件,难点主要…
TypeScript 基本类型和泛型的使用
元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。比如,你可以定义一对值分别为 string 和 number 类型的元组。 enum 类型是对 JavaScript 标准数据类型的一个补充。像 C#等其他语言一样,使用枚举类型可以为一组数值赋予友好的名字。 …