typescript
[Typescript Challenges] 144 Hard - Transpose
The transpose of a matrix is an operator which flips a matrix over its diagonal; that is, it switches the row and column indices of the matrix A by pr ......
TypeScript 学习笔记 — 基于对象操作的内置类型的使用（十二）
在前几章的笔记中，了解了以下几种内置类型： 条件类型相关：Exclude 排除类型(差集)，Extract 抽取类型(交集)，NoNullable 非空检测， infer 类型推导相关： ReturnType 返回值类型，Parameters 参数类型，InstanceType 实例类型， Cons ......
TypeScript 学习笔记 — 类型推断和类型保护（十一）
类型推断 TypeScript 编译器会根据一些简单的规则来推断开发者定义的变量的类型， 当没有标明变量的类型时，编译器会将变量的初始值作为该变量的类型 1.赋值推断 赋值时推断，类型从右像左流动,会根据赋值推断出变量类型,这种是比较常见的，声明时不需要给类型 let str = "zhufeng ......
在 node.js 中扩展 TypeScript 全局对象
nodejs16后，删除了global，要自定义全局属性，需要这样配置 declare global { // eslint-disable-next-line no-var var ENV: 'qa' | 'rel'; namespace NodeJS { interface ProcessEnv ......
TS 基础及在 Vue 中的实践：TypeScript 都发布 5.0 版本啦，现在不学更待何时！
本文主要介绍TS基础及在Vue中的实践，附赠《JS项目转TS指南》，旨在帮助还在使用JS的朋友快速使用TS，享受TS带来的丝滑体验。 ......
[Typescript] Use never for readable string
const demoFunc = <TObj extends {}>(obj: TObj, key: ErrorIfNever<keyof TObj, `You much pass at least one key`>) => { return obj[key as keyof TObj] } ty ......
TypeScript 笔记
Date: 2023-03-08 18:35:12 尚硅谷 TypeScript 教程（李立超老师 TS 新课） TS 没什么难的，一种写法罢了 P1 TS简介 JS 是一种轻量型语言，很难报错，所以很难去写大型项目，维护性很低。有报错难以及时发现，比如写函数类型的参数，无需定义类型。这既是好处也是 ......
基于 vue3 + vite + typeScript + Element-Plus + pinia + mock ... 从 0 到 1 搭建后台管理系统完整教程
项目说明 代码仓库地址 https://github.com/caix-1987/vue3-vite-typescript-elementplus-pinia 项目预览地址 https://caix-1987.github.io/vue3-vite-typescript-elementplus-pi ......
第三篇 TypeScript 【 typeScript 函数 + typeScript 数组 + typeScript 对象】
typeScript 函数 TypeScript 函数与 JavaScript 函数的区别 | TypeScript 函数 | JavaScript 函数 | | | | | 含有类型 | 无类型 | | 箭头函数 | 箭头函数（ES2015） | | 函数类型 | 无函数类型 | | 必填和可选参 ......
第四篇 TypeScript 【 typeScript 接口 + typeScript 类 】
typeScript 接口 【 interface 】 1、在面向对象语言中，接口是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类去实现 2、TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述 对象的 ......
第一篇 TypeScript 【typeScript 概述 + typeScript 基础类型】
typeScript 知识体系 1、TypeScript 是什么 2、TypeScript 基础类型 3、TypeScript 断言 4、TypeScript 类型守卫 5、TypeScript 联合类型和类型别名 6、TypeScript 交叉类型 7、TypeScript 函数 8、TypeSc ......
第五篇 TypeScript 【 typeScript 泛型 + typeScript 装饰器 】
typeScript 泛型 1、软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能 2、在像 C# 和 Java 这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以 ......
第二篇 TypeScript 【 typeScript 断言 + typeScript 类型守卫 + typeScript 联合类型、可辨识联合和类型别名 + typeScript 交叉类型】
typeScript 断言 1、有时候你会遇到这样的情况，你会比 TypeScript 更了解某个值的详细信息，通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型 2、通过 类型断言 这种方式可以告诉编译器，“相信我，我知道自己在干什么” 3、类型断言 好比其他语言里的类型转换，但是不进 ......
第六篇 TypeScript 【 typeScript 编译上下文 tsconfig.json 】
typeScript 编译上下文 tsconfig.json 的作用 1、用于标识 TypeScript 项目的根路径 2、用于配置 TypeScript 编译器 3、用于指定编译的文件 tsconfig.json 重要字段 1、files - 设置要编译的文件的名称 2、include - 设置需 ......
TypeScript 学习总结
| | TypeScript | JavaScript | | | | | | 语言 | 面向对象编程语言 | 面向脚本编程 | | 是否支持可选参数 | 支持 | 不支持 | | 是否支持静态类型 | 支持 | 不支持 | | 是否支持接口 | 支持 | 不支持 | TS：是JS的超集，即对JS的 ......
大型typescript项目优化webpack编译速度
Person: A large typescript project takes a long time to start every time, using the default configuration of webpack5, is there any optimization solut ......
TypeScript学习【1】
TypeScript 数据类型 布尔 boolean 布尔类型与js的一致，接收true和false 数字 number 数字类型可以接受2进制、8进制、10进制、16进制 字符串 string 和JavaScript一样 可以使用''、""、`` 数组 [] 数组类型，可以规定数组内的类型，也可以 ......
TypeScript给接口添加任意属性
一个接口允许存在任意的属性 interface IPerson { name: string; age: number; userBio?: string; [propName: string]: any; } let wangzz: IPerson = { name: 'wangzz', age: ......
typescript 学习
https://github.com/iamshaunjp/typescript-tutorial typescript是一种编程语言，可以用作JavaScript的替代品，现在它实际上被称为超集JavaScript语言 一 安装 TypeScript npm install -g typescri ......
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
typescript 提示 Object is possibly ‘null‘ 的N种解决方法
用watch监听某个一个数组数据,获取其length时,提示Object is possibly ‘null‘ .具体如下: 解决方法如下:就是加null的判断 typescript 提示 Object is possibly ‘null‘ 的N种解决方法 解决方案一 最正确的解决方案，就是加nul ......
TypeScript 的个人见解
TypeScript 简介 TypeScript 是由微软开发的一种强类型的 JavaScript 超集语言。它提供了静态类型检查、类和接口等面向对象编程特性、泛型、命名空间等高级特性，以及 ES6/ES7 的支持。 TypeScript 的优势 TypeScript 在开发中有很多优势，比如： 更 ......
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载的对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......
基于webpack与TypeScript的SolidJS项目搭建
本文将讲述如何基于webpack与TypeScript搭建一个基础的支持less模块的solidjs项目。方便后续涉及到solidjs相关分析与讨论都可以基于本文的成果之上进行。 前置 nodejs v14+ 全局yarn（npm亦可） 稳定的网络环境 创建根目录solidjs-webpack-ts ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
TypeScript 学习笔记 — 类型兼容 （十）
TS 是结构类型系统（structural type system），基于结构/形状检查类型，而非类型的名字。 TS 中的兼容性，主要看**结构是否兼容**。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分 类型兼容性是基于结构子类型的。 结构类型是一种只 ......
monorepo实践：yarn workspace + vite + typescript + react
前言 最近需要用到多包管理 monorepo 开发新项目，所以提前预研一下项目搭建。 monorepo(monolithic repository)是一种项目架构，就是用一个仓库管理多个项目（应用，库），react和babel的源码仓库都是用这种方式在管理。 优缺点略过，可以参考：精读《Monore ......
在教学中常被问到的几个vue3.x与typescript的问题，统一解答
在教学当中，学生在学习vue3.x时，常常会问到typescript和vue3.x之间的关系，感觉这两个技术总是绑在一起的，下面老赵来统一解答一下： 那学vue3.x，为什么要求也要掌握typescript Vue 3.x是一个使用TypeScript编写的库，它内置了对TypeScript的支持， ......
Typescript 回调函数、事件侦听的类型定义与注释--拾人牙慧
实际项目中会运到的 Typescript 回调函数、事件侦听的类型定义，如果刚碰到会一脸蒙真的，我就是 这是第一次我自己对 Typescript 记录学习，所以得先说一下我与 Typescript 的孽缘 记得最早是在2014年遇上 Typescript 当时是完全看不上这东西的，甚至带着鄙视的心态 ......
Node.js+Koa2+TypeScript技术概览
最近几年一直使用Node.js作为后端服务平台，通过Koa2框架中间件快速搭建Web服务，但是使用JavaScript开发大型后端服务时会使程序变得难以维护，继而使用TypeScript语言开发，使编译、调试、检查和代码管理变得更加容易。 下图是使用Koa2框架搭建后端服务的思维导图： 一、Node ......