typescript
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 ......
[Typescript] Type and Interface for performance
Let's say you're creating a component that has all the props of input but needs to add a label prop. You'll need to extend from the ComponentProps typ ......
typescript: Flyweight Pattern
/** * Flyweight Pattern 享元是一种结构型设计模式， 它允许你在消耗少量内存的情况下支持大量对象。 * https://refactoringguru.cn/design-patterns/flyweight/typescript/example#lang-features * ......
TypeScript基础
基础类型：":"后面为变量的数据类型 布尔值：boolean let isDone:boolean=false 数字：number TypeScript中的所有数字类型都是浮点数，类型统一都是number，支持十进制，二进制，八进制，十六进制。 let count:number=100 字符串：st ......
typescript: Facade Pattern
/** * Facade pattern 外观是一种结构型设计模式， 能为复杂系统、 程序库或框架提供一个简单 （但有限） 的接口。 * The Facade class provides a simple interface to the complex logic of one or * sev ......
TypeScript入门到精通——TypeScript类型系统基础——元组类型
TypeScript类型系统基础——元组类型 元组（Tuple）表示由有限元素构成的有序列表。在 JavaScript 中，没有提供原生的元组数据类型。TypeScript 对此进行了补充，提供了元组数据类型。由于元组数组之间存在很多共性，因此 TypeScript 使用数组来表示元组。 在 Typ ......
typescript: Decorator Pattern
/** * Decorator Pattern 装饰是一种结构设计模式， 允许你通过将对象放入特殊封装对象中来为原对象增加新的行为。 * The base Component interface defines operations that can be altered by * decorato ......
typescript: Bridge Pattern
/** * Bridge Pattern 桥接是一种结构型设计模式， 可将业务逻辑或一个大类拆分为不同的层次结构， 从而能独立地进行开发。 * https://dev.to/takaakit/uml-diagram-for-gof-design-pattern-examples-in-typescr ......
TypeScript入门到精通——TypeScript类型系统基础——数组类型
数组类型 数组是十分常用的数据结构，它表示一组有序元素的集合。在 TypeScript中，数组值的数据类型为数组类型。 一、数组类型定义 TypeScript 提供了以下两种方式来定义数组类型： 简单数组类型表示法 泛型数组类型表示法 1.1、简单数组类型表示法 在TypeScript中，你可以使用 ......
typescript: Adapter pattern
/** * Adapter pattern 适配器是一种结构型设计模式， 它能使不兼容的对象能够相互合作。 * file: Adapterts.ts * * */ /** * The Target defines the domain-specific interface used by the c ......
typescript: Singleton Pattern
/** * file: Singletonts.ts * Singleton Pattern 单例是一种创建型设计模式， 让你能够保证一个类只有一个实例， 并提供一个访问该实例的全局节点。 * The Singleton class defines the `getInstance` method ......
webpack - 构建支持TypeScript的React应用
1. 初始化package.json 创建项目文件夹 mkdir webpack-react-ts cd webpack-react-ts 初始化项目package.json yarn init -y { "name": "webpack-react-ts", "version": "1.0.0", ......
typescript: Prototype Pattern
/** * Prototype Pattern 原型是一种创建型设计模式， 使你能够复制对象， 甚至是复杂对象， 而又无需使代码依赖它们所属的类。 * The example class that has cloning ability. We'll see how the values of fi ......
typescript: Builder Pattern
/** * TypeScript 实体类 Model * Builder Pattern * 生成器是一种创建型设计模式， 使你能够分步骤创建复杂对象。 * https://stackoverflow.com/questions/12827266/get-and-set-in-typescript ......
typescript: model
/** * TypeScript 实体类 Model geovindu,Geovin Du * https://stackoverflow.com/questions/12827266/get-and-set-in-typescript * https://github.com/Microsoft/ ......
TypeScript入门到精通——TypeScript类型系统基础——单元类型、顶端类型、尾端类型
单元类型 单元类型（Unit Type）也叫作单例类型（Singleton Type），指的是仅包含一个可能值的类型。由于这个特殊的性质，编译器在处理单元类型时甚至不需要关注单元类型表示的具体值。 TypeScript 中的单元类型有以下几种： undefined 类型 null 类型 unique ......
TypeScript入门到精通——TypeScript类型系统基础——字面量类型
字面量类型 TypeScript 支持将字面量作为类型使用，我们称之为字面量类型。每一个字面量类型都只有一个可能的值，即字面量本身。 1、boolean 字面量类型 boolean 字面量类型只有以下两种： true 字面量类型 false 字面量类型 原始类型 boolean 等同于由 true ......
什么是 TypeScript 的类型增强功能
TypeScript 的类型增强（Type Augmentation）是一种功能，它允许您扩展现有类型的成员，以添加新的属性或方法，以及修改已有属性或方法的类型定义。这个功能让您可以更好地适应第三方库或原始代码，以便在不修改源代码的情况下添加自定义的类型信息。在本文中，我将详细介绍 TypeScri ......
如何使用 TypeScript 的 module augmentation 技术增强 Spartacus Feature Library
module augmentation 技术是一种强大的 TypeScript 功能，它允许开发人员在不修改原始代码的情况下扩展现有模块的功能。这种技术在 Angular 生态系统中的应用尤为广泛，特别是在构建功能库和插件时，以确保代码的可维护性和可扩展性。 概述 Module augmentati ......
eslint爱彼迎规范 React18+typescript
eslint终极规范 爱彼迎 eslint-config-airbnb 什么是eslint，为什么要使用eslint eslint 的配置项过多，针对js针对ts针对vue针对jsx、tsx等等不同的规则，小公司或者个人项目可以使用成熟的eslint社区规范，如airbnb、standard、goo ......
ypeScript入门到精通——TypeScript类型系统基础——枚举类型
TypeScript类型系统基础——枚举类型 枚举类型由零个或多个枚举成员构成，每个枚举成员都是一个命名的常量。 在 TypeScript 中，枚举类型是一种原始类型，它通过 enum 关键字来定义。例如，我们可以使用枚举类型来表示一年四季，示例如下: enum Season{ Spring, Su ......
TypeScript入门到精通——TypeScript类型系统基础——原始类型
TypeScript类型系统基础——原始类型 JavaScript 语言中的每种原始类型都有与之对应的 TypeScript 类型。除此之外，TypeScript 还对原始类型进行了细化与扩展，增加了枚举类型和字面量类型等。 到目前为止，TypeScript 中的原始类型包含以下几种： boolea ......
TypeScript入门到精通——类型系统基础——类型检查
TypeScript类型系统基础——类型检查 类型检查是检查程序中类型约束是否正确的过程。类型检查既可以在程序编译时进行，即静态类型检查；也可以在程序运行时进行，即动态类型检查。TypeScript 支持静态类型检查，JavaScript 支持动态类型检查。 为了满足不同用户的需求，TypeScri ......
TypeScript入门到精通——TypeScript类型基础
TypeScript类型基础 一、类型注解 在 TypeScript 中，我们可以使用类型注解来明确标识类型。类型注解的语法由一个冒号 ":" 和某种具体类型 "type" 组成，示例如下： ......
TypeScript入门到精通——TypeScript语言基础
TypeScript 语言基础 TypeScript 是 JavaScript 的超集。更确切的说，TypeScript 是 ECMAScript 2015（ES6）的超集。 TypeScript 语言支持 ECMAScript 2015 规范中定义的所有特性，例如类和模块等。JavaScript ......
TypeScript入门到精通——安装 TypeScript
安装 TypeScript 一、安装 TypeScript 安装 TypeScript 语言最简单的方式是使用 npm 工具。如果你的计算机中还没有安装 Node.js，则需要到 Node.js 的官网（https://nodejs.org/zh-cn/download）上下载 LTS 版本的安装包 ......
TypeScript入门到精通——什么是 TypeScript ?
什么是 TypeScript ? https://en.wikipedia.org/wiki/TypeScript TypeScript is a free and open-source high-level programming language developed by Microsoft ......