typescript
NodeJS系列（14）- TypeScript (一) | 安装 TypeScript、TypeScript 常用类型
JavaScript 现在是有史以来最广泛使用的跨平台语言之一。JavaScript 最初是一种用于向网页添加微不足道的交互性的小型脚本语言，现已发展成为各种规模的前端和后端应用的首选语言。 虽然用 JavaScript 编写的程序的大小、作用域和复杂性呈指数级增长，但 JavaScript 语言表 ......
TypeScript打包构建工厂
TS 开发工厂 用于开发测试 typescript 代码片段或工具插件，可预览并编译成多种格式嵌入不支持ts的项目 Develop and test your typescript codes or tools. Preview and build to commonjs and esnext. P ......
尚硅谷李立超老师Typescripts笔记
第一章 快速入门 0、TypeScript简介 TypeScript是JavaScript的超集。 它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。 TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。 TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。 相 ......
TypeScript
基础 类型声明空间与变量声明空间 在TypeScript中，有两个相关的概念：类型声明空间（Type Declaration Space）和变量声明空间（Variable Declaration Space）。 类型声明空间是指用于定义类型的命名空间，它包含了在代码中定义的类型、接口、类、枚举等。在 ......
Failed to load plugin '@typescript-eslint' declared in '.eslintrc.cjs
项目配置依赖： vue3.3.4 + vite4.4.11 + eslint8.46.0 报错信息 Failed to load plugin '@typescript-eslint' declared in '.eslintrc.cjs » @vue/eslint-config-typescrip ......
[学习笔记]TypeScript查缺补漏（二）：类型与控制流分析
@目录类型约束基本类型联合类型控制流分析instanceof和typeof类型守卫和窄化typeof判断instanceof判断in判断内建函数，或自定义函数赋值布尔运算保留共同属性字面量类型（literal type）as const 作用 类型约束 TypeScript中的类型是一种用于描述变量 ......
实用工具、02 效率篇 | VSCODE TypeScript 中文错误提示、错误信息行后显示
安装 Chinese (Simplified) (简体中文) Language 插件并重启生效 settings 搜索 typescript local，修改为 zh-CN 安装 Error Lens 插件（错误信息显示在当前行后） ......
TypeScript - import 类型之后导致 .d.ts 文件全局类型失效
如果需要引入外部的类型，可以按照下面这种写法。 import type { AxiosRequestConfig } from "axios"; declare global { interface Element { innerText?: string; offsetHeight?: numbe ......
[学习笔记]TypeScript查缺补漏（一）：类
@目录基础知识创建类型类的初始化类型和值JSDoc 注释字段私有字段可选和非可选字段字段类型约束Getter/Setter静态成员函数重载构造函数参数属性类的实例化箭头函数this的作用域全局类和对象方法泛型泛型类泛型接口泛型函数装饰器 基础知识 创建类型 class Abc { } 类的初始化 c ......
TypeScript入门到精通——泛型
泛型 泛型程序设计是一种编程风格或编程范式，它允许在程序中定义形式类型参数，然后在泛型实例化时使用实际类型参数来替换形式类型参数。通过泛型，我们能够定义通用的数据结构或类型，这些数据结构或类型仅在它们操作的实际类型上有差别。泛型程序设计是实现可重用组件的一种手段。 一、泛型简介 ......
TypeScript入门到精通——TypeScript类型系统基础——类
类 JavaScript 是一门面向对象的编程语言，它允许通过对象来建模和解决实际问题。同时，JavaScript 也支持基于原型链的对象继承机制。虽然大多数的面向对象编程语言都支持类，但是 JavaScript 语言在很长一段时间都没有支持它。在 JavaScript 程序中，需要使用函数来实现类 ......
TypeScript入门到精通——TypeScript类型系统基础——类型别名
类型别名 如同接口声明能够为对象类型命名，类型别名声明能够为 TypeScript 中的任意类型命名。 一、类型别名声明 类型别名声明能够定义一个类型别名，它的基本语法如下所示: type AliasName = Type ......
TypeScript入门到精通——TypeScript类型系统基础——接口
接口 类似于对象类型字面量，接口类型也能够表示任意的对象类型。不同的是，接口类型能够给对象类型命名以及定义类型参数。接口类型无法表示原始类型，如 boolean 类型等。 接口声明只存在于编译阶段，在编译后生成的 JavaScript 代码中不包含任何接口代码。 一、接口声明 通过接口声明能够定义一 ......
TypeScript入门到精通——TypeScript类型系统基础——对象类型
对象类型 在 JavaScript 中存在这样一种说法，那就是 "一切皆为对象"。有这种说法是因为 JavaScript 中绝大多数值都可以使用对象来表示。例如：函数、数组和对象字面量本质上都是对象。对于原始数据类型、如 String 类型，JavaScript 也提供了相应的构造函数来创建能够表示 ......
Vue3 typescript script setup获取范型组件的ref
原博客地址： https://juejin.cn/post/7247433208437850169?from=search-suggest 在typescript下，如果想获取带类型的组件模板引用，官方文档中说明了方式: https://cn.vuejs.org/guide/typescript/c ......
TypeScript type predicates All In One
TypeScript type predicates All In One
类型谓词 / 类型断言
Narrowing / 类型收窄
type predicates
......
Typescript的数组类型
TypeScript 数组类型 暖A暖关注IP属地: 湖南 2021.03.04 16:08:45字数 2,138阅读 1,166 和 JavaScript 语言一样，TypeScript 中也有数组类型。 数组指的是有序的元素序列，例如 [1, 2, 3] 这样的就是一个数组，1、2、3 就是数组 ......
ts 终于搞懂TS中的泛型啦! | typescript 入门指南 04
大家好，我是王天~ 这篇文章是 ts入门指南系列中第四篇，主要讲解ts中的泛型应用，泛型在ts中是比较重要的概念，我花挺长时间才搞明白的，希望能帮助到大家 ~ ** ts 入门指南系列 ** Ts和Js 谁更适合前端开发？| typescript 入门指南 01 详解tsconfig.json 配置 ......
VSCode 中如何指定和切换 TypeScript 的版本 All In One
VSCode 中如何指定和切换 TypeScript 的版本 All In One Command + Shift + P demos --> (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查 ......
TypeScript function overload All In One
TypeScript function overload All In One TypeScript 函数重载 errors // This overload signature is not compatible with its implementation signature.(2394) f ......
快速理解 TypeScript 的逆变和协变
快速理解 TypeScript 的逆变和协变 发布于 2022-06-06 08:36:42 8081 举报 深入学习 TypeScript 类型系统的话，逆变、协变、双向协变、不变是绕不过去的概念。 这些概念看起来挺高大上的，其实并不复杂，这篇文章我们就来学习下它们吧。 类型安全和型变 TypeS ......
How to fix TypeScript tsc CLI option --jsx errors All In One
error TS6142: Module '' was resolved to '/index.tsx', but '--jsx' is not set.
error TS5023: Unknown compiler option '--jsx=react'.
......
typescript: Strategy Pattern
/** * Strategy Pattern 策略是一种行为设计模式， 它将一组行为转换为对象， 并使其在原始上下文对象内部能够相互替换。 * * file: Strategyts.ts * The Context defines the interface of interest to clien ......
typescript: Visitor Pattern
/** * * Visitor Pattern 访问者是一种行为设计模式， 允许你在不修改已有代码的情况下向已有类层次结构中增加新的行为。 * file: Visitorts.ts * The Component interface declares an `accept` method that ......
typescript打包成类库 typescript编译成一个文件
一、typeScript安装以及基础编译 npm i -g typescript 安装完，进入ts文件的项目目录下，在命令行执行 tsc hello.ts（hello.ts是ts文件，执行这个命令可以把ts文件编译为hello.js文件） tsc hello.ts 这个命令，ts文件里的代码每改变一 ......
TypeScript数据类型
TypeScript数据类型：string：字符串number：数字boolean：true/falsestring[]:数组 any：可以是任何类型。当你不希望某个特定的值导致类型检查错误时，你可以使用它。以下都不会报编译异常let value: any;value.foo.bar; // OKv ......
typescript: Observer Pattern
/** * Observer Pattern 观察者是一种行为设计模式， 允许一个对象将其状态的改变通知其他对象 * file: Observerts.ts * The Subject interface declares a set of methods for managing subscrib ......
typescript: Mediator pattern
/** * * Mediator pattern 中介者是一种行为设计模式， 让程序组件通过特殊的中介者对象进行间接沟通， 达到减少组件之间依赖关系的目的。 * file: Mediatorts.ts * The Mediator interface declares a method used b ......
typescript: Template Method pattern
/** * Template Method pattern 模版方法是一种行为设计模式， 它在基类中定义了一个算法的框架， 允许子类在不修改结构的情况下重写算法的特定步骤。 * file: Templatets.ts * The Abstract Class defines a template m ......
typescript: State Pattern
/** * State Pattern 状态是一种行为设计模式， 让你能在一个对象的内部状态变化时改变其行为。 * The Context defines the interface of interest to clients. It also maintains a * reference to ......