草庐IT

$typescript

全部标签

Vue3 + setup + TypeScript: 构建现代、类型安全的Vue应用的关键技巧总结

1.组件引入当使用 setup 的时候,组件直接引入就可以了,不需要再自己手动注册  import Child from "./Child.vue";2.ref和reactiveref 一般用于基本的数据类型,比如 string,boolean ,reactive 一般用于对象ref的地方其实也是调用的 reactive 实现的。  {{ title }}      {{ data }}  import { ref, reactive } from "vue";const title = ref("title");const data = reactive({  userName: "xiao

TypeScript 类型

ts一、类型二、例子三、特性四、详细数组一、类型基本类型:number:表示数字类型,包括整数和浮点数。string:表示字符串类型。boolean:表示布尔类型,只有两个可能的值:true或false。null和undefined:分别表示null值和undefined值。symbol:表示唯一的、不可变的值,用作对象的属性。bigint:表示任意精度的整数。字面量:字面量类型是通过直接指定具体的字面量值来表示的类型。复合类型:array:表示数组类型,可以包含多个元素,每个元素可以具有相同或不同的类型。object:表示对象类型,可以包含多个属性和对应的值。tuple:表示元组类型,是固定

Express框架:TypeScript支持的Web应用框架

目录引言Express框架在TypeScript中的应用类型定义支持强类型路由支持内置类型支持使用案例构建RESTfulAPI与TypeORM集成总结引言Express框架是一个快速而灵活的Node.jsWeb应用框架,可以帮助开发者快速构建Web应用程序。最近的版本中,Express框架开始支持使用TypeScript进行应用程序开发,这使得开发者可以在TypeScript的类型检查与自动补全的支持下,更加高效地开发Web应用。本文将深入探讨Express框架在TypeScript中的应用,以及一些使用案例。Express框架在TypeScript中的应用Express框架在TypeScri

在 TypeScript 中有效地使用 keyof 和 typeof 来表示类型

在本文中,我们将学习如何通过组合类型运算符和枚举来提取和声明常量类型typeof,以使您的代码库得到优化。keyof先决条件为了获得更好的编码体验,您应该在IDE中安装TypeScript,例如VSCode。它将为您提供许多基本功能,例如错误突出显示、IntelliSense、linting等...您还应该安装一些扩展,例如JavaScript和TypeScriptNightly、ESLint等。什么是typeof在TypeScript中,我们可以用来typeof提取变量或属性的类型,如下例所示:```constName={firstName:'Maya',lastName:'Shavin'}

TypeScript 环境

TypeScript开发环境搭建1.1、下载node.js1.2、安装node.js1.3、npm安装typeScript1.4、创建和编写ts文件1.5、编译1.6、运行js文件安装VSCode或者WebStrom开发环境搭建1.1、下载node.jshttps://nodejs.org/en1.2、安装node.js一顿下一步,npm也会直接安装上,现在的版本环境变量也无需自己配置node-vnpm-v检测是否安装成功。1.3、npm安装typeScriptsudonpminstall-gtypescript然后再检测是否安装成功tsc-v1.4、创建和编写ts文件1.5、编译当前目录编译

探索 TypeScript 元组的用例

原文作者:AlexanderNnakwue原文地址:https://blog.logrocket.com/exploring-use-cases-typescript-tuples/翻译:一川元组扩展了数组数据类型的功能。使用元组,我们可以轻松构造特殊类型的数组,其中元素相对于索引或位置是固定类型的。由于TypeScript的性质,这些元素类型在初始化时是已知的。使用元组,我们可以定义可以存储在数组中每个位置的数据类型。在本教程中,我们将介绍TypeScript中命名元组的实际用例和应用程序。我们将了解这种数据类型的重要性以及为什么在某些情况下首选它。在一天结束时,我们将看到这种数据类型如何有

服务端使用ASP.NET Core SignalR与Vue3(TypeScript与JavaScript)前端建立通信(以进度条为例)

1.ASP.NETCore     ASP.NETCore是一个跨平台、高性能及开源的框架,用于生成基于云且连接互联网的新式应用程式。官方文档:ASP.NETdocumentation|MicrosoftLearn 2. ASP.NETCoreSignalR    ASP.NETCoreSignalR是开源库,用于服务端与客户端建立实时通信,可以自动管理连接;SignalR支持WebSockets、服务器发送的事件和长轮询。官方文档:ASP.NETCoreSignalRJavaScript客户端|MicrosoftLearn3.编译环境     本文编译软件使用VisualStudio2022

如何在 Chrome 中调试 TypeScript

原文作者:ShalithaSuranga原文地址:https://blog.logrocket.com/how-to-debug-typescript-chrome/翻译:一川软件错误是编程错误或软件程序的意外行为。调试是指检查和删除软件系统中的错误的过程。程序员使用各种技术进行调试;一些开发人员将输出写入终端,而另一些开发人员则使用调试器工具来执行和监视源代码。GoogleChrome 网络浏览器提供了一个内置的调试器,其中包含著名的 DevTools 模块,用于调试 JavaScript。ChromeDevTools 实现了对sourcemap的支持,并且可以检查 Node.js和 Den

TypeScript - 函数(上)

目录1、介绍 2、函数类型表达式3、呼叫签名4、构造签名5、泛型函数6、推论7、约束8、使用约束值9、指定类型参数1、介绍 函数是JavaScript应用程序的基础。它帮助你实现抽象层,模拟类,信息隐藏和模块。在TypeScript里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义 行为的地方。函数是任何应用程序的基本构建块,无论它们是本地函数、从其他模块导入的函数,还是类上的方法。它们也是值,就像其他值一样,TypeScript有很多方法来描述如何调用函数。让我们学习如何编写描述函数的类型。2、函数类型表达式描述函数的最简单方法是使用函数类型表达式。这些类型在语法上类似于箭头函数:f

c# - 在 Typescript 中声明委托(delegate)类型

我有C#背景,想创建一个定义函数签名的数据类型。在C#中,这是一个声明如下的delegate:delegatevoidGreeter(stringmessage);publicclassFoo{publicvoidSayHi(Greeterg){g("Hi!");}}现在,我想在Typescript中实现类似的功能。我知道Typescript没有委托(delegate)类型,只有lambda。我想到了这样的事情:classFoo{SayHi(greeter:(msg:String)=>void){greeter('Hi!');}}虽然这可行,但我想重复使用方法签名(msg:String