草庐IT

language-typescript

全部标签

TypeScript 前端工程最佳实践

作者:王春雨前言随着前端工程化的快速发展,TypeScript变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。TypeScript发展至今,已经成为很多大型项目的标配,其提供的静态类型系统,大大增强了代码的可读性、可维护性和代码质量。同时,它提供最新的JavaScript特性,能让我们构建更加健壮的组件,新版本不断迭代更新,编写前端代码也越来越香。typescript下载量变化趋势(来自于npmtrends)1为什么使用TypeScript微软提出TypeScript主

用 TypeScript 实现类型安全的 EventEmitter,这下不用怕写错事件名了

大家好,我是前端西瓜哥。最近个人项目用EventEmitter模块越来越多了,因为类型不够安全,写起来要很小心。所以打算改良一下,实现TypeScript类型安全的EventEmitter,解决事件名和函数类型不能做检验的问题。Nodejs的EventEmitter是一个发布订阅模块。利用该类,我们可以实现事件的监听,被监听对象会在合适的时机触发事件,调用监听对象提供的方法,是模块间解耦的常用实现。配合越来越流行的TypeScript,我们可以通过安装 @types/node,我们能够进一步获得类型能力,减少低级错误的出现。但EventEmitter的类型实现并不出色,称不上是类型安全。通常来

用 TypeScript 实现类型安全的 EventEmitter,这下不用怕写错事件名了

大家好,我是前端西瓜哥。最近个人项目用EventEmitter模块越来越多了,因为类型不够安全,写起来要很小心。所以打算改良一下,实现TypeScript类型安全的EventEmitter,解决事件名和函数类型不能做检验的问题。Nodejs的EventEmitter是一个发布订阅模块。利用该类,我们可以实现事件的监听,被监听对象会在合适的时机触发事件,调用监听对象提供的方法,是模块间解耦的常用实现。配合越来越流行的TypeScript,我们可以通过安装 @types/node,我们能够进一步获得类型能力,减少低级错误的出现。但EventEmitter的类型实现并不出色,称不上是类型安全。通常来

关于 TypeScript 接口,你需要知道的十件事

TypeScript中的接口是一个非常灵活的概念。除了抽象类的部分行为外,它还经常被用来描述“一个对象的形状”。01.必需的属性定义接口时,需要使用interface关键字:interfaceUser{name:string;sex:string;}constuser:User={name:"Bytefer",sex:"male",};在上面的代码中,我们定义了一个用户界面。然后定义一个用户变量并将其类型设置为用户类型。但是,如果我们给用户变量赋值,相关的属性就丢失了。然后,TypeScript编译器会提示相关错误。例如,在下面的代码中,我们在分配时缺少sex属性:那么如何解决上面的错误呢?解

关于 TypeScript 接口,你需要知道的十件事

TypeScript中的接口是一个非常灵活的概念。除了抽象类的部分行为外,它还经常被用来描述“一个对象的形状”。01.必需的属性定义接口时,需要使用interface关键字:interfaceUser{name:string;sex:string;}constuser:User={name:"Bytefer",sex:"male",};在上面的代码中,我们定义了一个用户界面。然后定义一个用户变量并将其类型设置为用户类型。但是,如果我们给用户变量赋值,相关的属性就丢失了。然后,TypeScript编译器会提示相关错误。例如,在下面的代码中,我们在分配时缺少sex属性:那么如何解决上面的错误呢?解

掌握 TypeScript:20 个提高代码质量的最佳实践

介绍TypeScript是一种广泛使用的开源编程语言,非常适合现代化开发。借助它先进的类型系统,TypeScript允许开发者编写更加强健、可维护和可扩展的代码。但是,要真正发挥TypeScript的威力并构建高质量的项目,了解和遵循最佳实践至关重要。在本文中,我们将深入探索TypeScript的世界,并探讨掌握该语言的21个最佳实践。这些最佳实践涵盖了各种主题,并提供了如何在真实项目中应用它们的具体示例。无论你是初学者还是经验丰富的TypeScript开发者,本文都将提供有价值的见解和技巧,帮助你编写干净高效的代码。最佳实践1:严格的类型检查我们将从最基本的实践开始。想象一下,在问题出现之前

掌握 TypeScript:20 个提高代码质量的最佳实践

介绍TypeScript是一种广泛使用的开源编程语言,非常适合现代化开发。借助它先进的类型系统,TypeScript允许开发者编写更加强健、可维护和可扩展的代码。但是,要真正发挥TypeScript的威力并构建高质量的项目,了解和遵循最佳实践至关重要。在本文中,我们将深入探索TypeScript的世界,并探讨掌握该语言的21个最佳实践。这些最佳实践涵盖了各种主题,并提供了如何在真实项目中应用它们的具体示例。无论你是初学者还是经验丰富的TypeScript开发者,本文都将提供有价值的见解和技巧,帮助你编写干净高效的代码。最佳实践1:严格的类型检查我们将从最基本的实践开始。想象一下,在问题出现之前

TypeScript 5.0 正式发布!

可以通过以下npm命令开始使用TypeScript5.0:npminstall-Dtypescript以下是TypeScript5.0的主要更新:全新装饰器const 类型参数extends 支持多配置文件所有枚举都是联合枚举--moduleResolutionbundler自定义解析标志--verbatimModuleSyntax支持 exporttype*JSDoc支持 @satisfiesJSDoc支持 @overload编辑器中不区分大小写的导入排序完善 switch/case优化速度、内存和包大小其他重大更改和弃用全新装饰器装饰器是即将推出的ECMAScript特性,它允许我们以可重

TypeScript 5.0 正式发布!

可以通过以下npm命令开始使用TypeScript5.0:npminstall-Dtypescript以下是TypeScript5.0的主要更新:全新装饰器const 类型参数extends 支持多配置文件所有枚举都是联合枚举--moduleResolutionbundler自定义解析标志--verbatimModuleSyntax支持 exporttype*JSDoc支持 @satisfiesJSDoc支持 @overload编辑器中不区分大小写的导入排序完善 switch/case优化速度、内存和包大小其他重大更改和弃用全新装饰器装饰器是即将推出的ECMAScript特性,它允许我们以可重

在vue3-Typescript 里面制作*.d.ts文件,原来这么简单

学习Typescript,发现库项目打包发布后,需要搭配一个*.d.ts文件。但是找了一些资料都没有弄明白要怎么做。一开始只好手撸。找到生成*.d.ts文件的方法直到我又一次查看vue3的最新文档(https://staging-cn.vuejs.org/guide/scaling-up/tooling.html#typescript)提到了可以用vue-tsc制作*.d.ts.如果GitHub上不去的话,可以看npmhttps://www.npmjs.com/package/vue-tsc使用方法然后我们修改一下package"scripts":{"dev":"vite","build":"