typescript singleton pattern
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 也提供了相应的构造函数来创建能够表示 ......
c: Visitor Pattern
/** * @file validator.h * @author your name (you@domain.com) * @brief 观察者模式 Visitor Pattern 来源： C现代编程 集成开发环境、设计模式、极限编程、测试驱动开发、重构、持续集成 日.花井志生著，杨文轩译，人民邮 ......
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 ......
机器学习经典教材《模式识别与机器学习》，Pattern Recognition and Machine Learning，PRML官方开放免费下载
微软剑桥研究院实验室主任Christopher Bishop的经典著作《模式识别与机器学习》，Pattern Recognition and Machine Learning，简称PRML，被微软“开源”了。 本书介绍&下载页：（书的介绍页面） https://www.microsoft.com/e ......
typescript: Mediator pattern
/** * * Mediator pattern 中介者是一种行为设计模式， 让程序组件通过特殊的中介者对象进行间接沟通， 达到减少组件之间依赖关系的目的。 * file: Mediatorts.ts * The Mediator interface declares a method used b ......
typesciprt: Command Pattern
/** * * Command Pattern 命令是一种行为设计模式， 它可将请求或简单操作转换为一个对象。 * file: Commandts.ts * The Command interface declares a method for executing a command. * */ i ......
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 ......
typescript: Iterator Pattern
/** * Iterator Pattern 迭代器是一种行为设计模式， 让你能在不暴露复杂数据结构内部细节的情况下遍历其中所有的元素 * file: Iteratorts.ts npm install -g babel-cli * Intent: Lets you traverse element ......
typescript: Memento Pattern
/** * Memento Pattern 备忘录是一种行为设计模式， 允许生成对象状态的快照并在以后将其还原。 * The Originator holds some important state that may change over time. It also * defines a me ......
typescript: Chain of Responsibility Pattern
/** * Chain of Responsibility Pattern 责任链是一种行为设计模式， 允许你将请求沿着处理者链进行发送， 直至其中一个处理者对其进行处理。 * file: Chaints.ts * The Handler interface declares a method fo ......
typescript: Proxy Pattern
/** * Proxy Pattern 代理是一种结构型设计模式， 让你能提供真实服务对象的替代品给客户端使用。 代理接收客户端的请求并进行一些处理 （访问控制和缓存等）， 然后再将请求传递给服务对象。 * The Subject interface declares common operatio ......