TypeScript
TypeScript小知识:遍历enum (暂时记录)
enum BlockPrefab{ BLOCK2 = 0, BLOCK4, BLOCK8, BLOCK16, BLOCK32, BLOCK64, BLOCK128, BLOCK256, BLOCK512, BLOCK1024, BLOCK2048 } let num = BlockPrefab.BL ......
关于TypeScript中提示xxx is declared but its value is never read的解决方法
首先,提示很明显,是定义了变量,但是却没有使用。解决方案有如下两种: 一: 需要确定变量是否真的没有使用到,如果没有使用直接删除即可。 二: 对于方法中的入参,是没法随便删除的。这时候我们可以利用TypeScript4.2中的新特性,将变量名用下划线开头,表示占位变量。 更具体的详情可以参考:fea ......
Typescript:基础语法学习(尚硅谷 李立超)
官方文档:[https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html](https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html) # 搭建开发环境 `np ......
TypeScript的深拷贝与浅拷贝
今天在开发过程中遇到深拷贝与浅拷贝的问题 const userData1: number[][] = this.dataMangager.getUserDataMap(); 该行代码中的userData1 是一个指向 this.dataMangager.getUserDataMap() 返回的二维数 ......
TypeScript中的keyof和in
## keyof使用 keyof操作符接受一个对象类型作为参数,返回该对象属性名组成的字面量联合 ```ts type Dog = { name: string; age: number; }; type D = keyof Dog; //type D = "name" | "age" ``` 可以 ......
TypeScript 学习笔记
## [什么是TypeScript?]() > TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准,它可以编译成纯javaScript,可以运行在任何浏览器上。 ## 安装TypeScript ``` npm install -g typescript ......
TypeScript 二维数组生成 要注意初始化 TypeError: Cannot set properties of undefined (setting '1')
private _dataMap:Vec3[][] = []; private _userDataMap:number[][] = []; init() { for(let i = 1; i <= 4; i++){ for(let j = 1; j <= 4; j++){this._dataMap[ ......
58.请使用vue3+vite+typescript+element-plus+setup语法糖,使用xlsx和file-saver实现保存excel功能。我的el-table表有分页数据。导出的excel中要包含所有分页中的数据
1 <template> 2 <div> 3 <el-table 4 :data="mergedTableData" 5 border 6 stripe 7 > 8 <!-- 表头 --> 9 <el-table-column 10 prop="date" 11 label="Date" 12 >< ......
56.vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel
vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel 2023/7/19 下午4:52:14 要在Vue 3中使用Vite、TypeScript和Element Plus来实现将数据导出为Excel,你可以按照以下步骤进行操作 ......
[Typescript] Queue
Using Linked list to implement a Queue. In javascript, if you want to push a item in front of an Array, it need to shift the rest of items, not good f ......
55.角色扮演,假设你现在是一个VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖资深程序员,我是一个刚刚入门的的想做你的学生。你会怎么教我
作为一个资深程序员,我会采取以下步骤来教你: 1. 确保你已经安装好了必要的开发环境,包括Node.js和Vue CLI。如果你还没有安装,我会指导你如何安装这些工具。 2. 介绍VUE3、VITE、TYPESCRIPT和element-plus的基本概念和特性。我会向你解释它们的作用和用途,并提供 ......
54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能
要实现导出Excel功能,你可以使用以下步骤: 1. 安装相关依赖: ```bash npm install xlsx file-saver ``` 2. 在你的组件中引入相关依赖: ```javascript import { ref } from 'vue'; import { saveAs } ......
[Typescript] 150 Hard - OptionalUndefined
Implement the util type OptionalUndefined<T, Props> that turns all the properties of T that can be undefined, into optional properties. In addition, a ......
[Typescript] 149 Medium - Triangular number
Given a number N, find the Nth triangular number, i.e. 1 + 2 + 3 + ... + N /* _____________ Your Code Here _____________ */ export type NumberToArray< ......
[Typescript Challenge] 148 Medium - CartesianProduct
Given 2 sets (unions), return its Cartesian product in a set of tuples, e.g. CartesianProduct<1 | 2, 'a' | 'b'> // [1, 'a'] | [2, 'a'] | [1, 'b'] | [2 ......
记录--盘点 TypeScript 那些奇怪的符号
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 一、! 非空断言操作符 在上下文中当类型检查器无法断定类型时,一个新的后缀表 ......
[Typescript Challenges] 147 Medium - MergeAll
Merge variadic number of types into a new type. If the keys overlap, its values should be merged into an union. For example: type Foo = { a: 1; b: 2 } ......
[Typescript Challenges] 146 Medium - CheckRepeatedTuple
Implement type CheckRepeatedChars<T> which will return whether type T contains duplicated member For example: type CheckRepeatedTuple<[1, 2, 3]> // fa ......
[Typescript Challenges] 145 Medium - Public Type
Remove the key starting with _ from given type T. /* _____________ Your Code Here _____________ */ type PublicType<T extends object> = { [Key in keyof ......
typescript 中严格字面量类型检查的理解
个人关于 TS 中 `Strict object literal assignment checking` 的理解 ## Strict object literal assignment checking [Strict object literal assignment checking by a ......
TypeScript类型兼容性取值问题
如下代码,x为Named类型,把y(多了location属性)赋值给x,这时Named类型虽然只有一个name属性但是x里是存了两个属性的。 但是用x['location']可以成功取出,用x.location则会报错,不是很理解这两种取值方式有什么不同导致这种情况? interface Named ......
Vue3+Vue-Router+TypeScript+Vite+Element-Plus+Axios+Pinia快速搭建开发框架
### 1、环境准备 ##### (1) 首先你得需要安装node和npm ![image](https://img2023.cnblogs.com/blog/2045410/202307/2045410-20230702223307211-1008695934.png) ### 2、环境初始化 # ......
TypeScript系列 4.数组类型
> 本系列知识部分基于小满 ZS 的[TypeScript 系列教程](https://www.bilibili.com/video/BV1wR4y1377K)。我也会补充一些视频没有的内容。 ## 数组类型 ### 1. 基本类型 ```ts let arr: number[] = [1, 2, ......
TypeScript中的基本类型
TypeScript中的基本类型: 类型声明 类型声明是TS非常重要的一个特点; 通过类型声明可以指定TS中变量(参数、形参)的类型; 指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错; 简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值; 语法 ......
TypeScript 条件类型(Conditional Types)以及 infer 关键字
# 什么是条件类型 条件类型可以让程序根据输入的类型来决定输出的类型是什么,也就是说根据不同的输入类型来确定输出的类型。 条件类型的形式有点类似于 JS 中的条件表达式(condition ? trueExpression : falseExpression): ```ts file:[条件类型的规 ......
TypeScript系列 3.接口和对象类型
> 本系列知识部分基于小满 ZS 的[TypeScript 系列教程](https://www.bilibili.com/video/BV1wR4y1377K)。我也会补充一些视频没有的内容。 ## interface 介绍 `interface`即接口,在 ts 中用于描述对象的“形状”。js 是 ......
TypeScript系列 2.任意类型
> 本系列知识部分基于小满ZS的[TypeScript系列教程](https://www.bilibili.com/video/BV1wR4y1377K)。我也会补充一些视频没有的内容。 ## 类型的等级层次 1. 任意类型 any 、unkown 2. Object 3. 包装类型 Number ......
TypeScript+Vue3
# **TypeScript** ## Any 类型 和 unknown *顶级类型* 1.没有强制限定哪种类型,随时切换类型都可以 我们可以对 any 进行任何操作,不需要检查类型 2.声明变量的时候没有指定任意类型默认为any 3.弊端如果使用any 就失去了TS类型检测的作用 4.TypeSc ......
TypeScript系列 1.基本类型
> 本系列基于小满ZS的[TypeScript系列教程](https://www.bilibili.com/video/BV1wR4y1377K)整理而来。 ## 1.数字类型 ```ts let a: number = 10; let a1: number = NaN; let a2: numbe ......
TypeScript面向对象
# TypeScript面向对象 面向对象是程序中一个非常重要的思想。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。一切皆对象 ## 接口 TypeScript中的接口跟传统语言(比如Java)的接口有点差别 > 对象可以隐式实现接口 ### 概念 描述一个类型 一个接口里面可 ......