草庐IT

language-typescript

全部标签

【千题案例】TypeScript获取两点之间的距离 | 中点 | 补点 | 向量 | 角度

        我们在编写一些瞄准、绘制、擦除等功能函数时,经常会遇到计算两点之间的一些参数,那本篇文章就来讲一下两点之间的一系列参数计算。 目录1️⃣ 两点之间的距离①实现原理②代码实现及结果2️⃣两点之间的中点①实现原理②代码实现及结果3️⃣两点之间的补点①实现原理②代码实现及结果4️⃣两点之间的向量①实现原理②代码实现及结果5️⃣两点之间的角度①实现原理②代码实现及结果1️⃣ 两点之间的距离①实现原理        两点之间的直线距离就是x轴距离的平方与y轴距离的平方之和的平方根。设两个点A、B以及坐标分别为A(X1,Y1),B(X2,Y2),则A和B两点之间的距离为:②代码实现及结果 

TypeScript 实用工具类型之 Partial 类型

TypeScript实用工具类型之Partial类型TypeScript实用工具类型之Partial类型1.场景概述2.Partial3.使用Interface4.小结TypeScript实用工具类型之Partial类型在本文中,我们将使用Partial来讨论TypeScript中的对象类型转换。这是TypeScript实用工具类型系列的第三部分。在上一篇文章(TypeScript实用工具类型之Omit类型),我们介绍了一个示例,在该示例中,我们通过省略基本类型SuperbUser的一个属性(使用Omit)来派生Subscriber类型。在这篇文章中,我们将考虑一个TypeScriptPart

TypeScript 实用工具类型之 Partial 类型

TypeScript实用工具类型之Partial类型TypeScript实用工具类型之Partial类型1.场景概述2.Partial3.使用Interface4.小结TypeScript实用工具类型之Partial类型在本文中,我们将使用Partial来讨论TypeScript中的对象类型转换。这是TypeScript实用工具类型系列的第三部分。在上一篇文章(TypeScript实用工具类型之Omit类型),我们介绍了一个示例,在该示例中,我们通过省略基本类型SuperbUser的一个属性(使用Omit)来派生Subscriber类型。在这篇文章中,我们将考虑一个TypeScriptPart

【TS】TypeScript声明文件(.d.ts)的使用

前言当我们在TS文件中需要引入外部库时,编译时是无法判断传入参数的类型的,所以我们需要在引入前加入一个声明文件来帮助ts判断类型。当然现在大部分库都自带有自己的声明文件,一般在@types目录下。使用场景在ts文件中对引用的外部库做类型判断;制作npm包时,书写自己的声明文件,需要在package.json的typing/types字段注册声明文件的路径;不使用ts时,也可以添加声明文件与(自己的)的模块存放在同一目录下,简单做一下数据结构体,对IDE参数声明也有用哦。引用声明文件的几种方法与调用的ts文件放在同一目录下;在声明文件tsconfig.json的include/files字段下添

【TS】TypeScript声明文件(.d.ts)的使用

前言当我们在TS文件中需要引入外部库时,编译时是无法判断传入参数的类型的,所以我们需要在引入前加入一个声明文件来帮助ts判断类型。当然现在大部分库都自带有自己的声明文件,一般在@types目录下。使用场景在ts文件中对引用的外部库做类型判断;制作npm包时,书写自己的声明文件,需要在package.json的typing/types字段注册声明文件的路径;不使用ts时,也可以添加声明文件与(自己的)的模块存放在同一目录下,简单做一下数据结构体,对IDE参数声明也有用哦。引用声明文件的几种方法与调用的ts文件放在同一目录下;在声明文件tsconfig.json的include/files字段下添

大厂面试 TypeScript 套题,看看你能做出几个

某大厂给前端面试者出了一套TypeScript笔试题,要求面试者在线实时答题。这种面试题考察的是应聘者的TS硬实力,先把题目和要求给出来,你试试能做出来几个。一、答题要求1、环境搭建所有题目均为NodeJS环境下,TypeScript编程题。NodeJS版本建议v14及以上。代码题以本地可以运行通过为准,Node版本不够则无法运行高版本语法。请提前配置好开发环境。npmits-node-g2、依赖NodeJS环境运行TS文件推荐使用ts-node,建议提前安装。运行ts-node运行第一题命令如下:ts-nodesrc/1.reverseWord.ts3、tsconfig.json{"comp

大厂面试 TypeScript 套题,看看你能做出几个

某大厂给前端面试者出了一套TypeScript笔试题,要求面试者在线实时答题。这种面试题考察的是应聘者的TS硬实力,先把题目和要求给出来,你试试能做出来几个。一、答题要求1、环境搭建所有题目均为NodeJS环境下,TypeScript编程题。NodeJS版本建议v14及以上。代码题以本地可以运行通过为准,Node版本不够则无法运行高版本语法。请提前配置好开发环境。npmits-node-g2、依赖NodeJS环境运行TS文件推荐使用ts-node,建议提前安装。运行ts-node运行第一题命令如下:ts-nodesrc/1.reverseWord.ts3、tsconfig.json{"comp

uniapp+vue3+typescript+vite创建项目(超详细)

每天都要尝试些新的东西!目前,uniapp在App/H5/小程序全平台都已支持了Vue3.0+typescript开发,并且全平台支持Vite编译器。HBuilderX3.3.0+版本也已支持了vue3和vite。从创建项目到使用组件库,再到页面的过程呈现一下。1.创建项目(大神一般都用命令创建吧,哈哈哈)更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/quickstart-hx.html(1)安装vue-clinpminstall-g@vue/cli@4(2)创建uniapp应用//创建以javascript开发的工程npxdegitdcloudio

uniapp+vue3+typescript+vite创建项目(超详细)

每天都要尝试些新的东西!目前,uniapp在App/H5/小程序全平台都已支持了Vue3.0+typescript开发,并且全平台支持Vite编译器。HBuilderX3.3.0+版本也已支持了vue3和vite。从创建项目到使用组件库,再到页面的过程呈现一下。1.创建项目(大神一般都用命令创建吧,哈哈哈)更多内容可查看uni-app官网https://uniapp.dcloud.net.cn/quickstart-hx.html(1)安装vue-clinpminstall-g@vue/cli@4(2)创建uniapp应用//创建以javascript开发的工程npxdegitdcloudio

TypeScript Array(数组)声明和简单使用

目录TypeScriptArray(数组)1.数组声明:数组对象是使用单独的变量名来存储一系列的值。2.Array对象:可以使用Array对象创建数组。3:数组解构:可以把数组元素赋值给变量。4.数组迭代:可以使用循环输出数组的各个元素5.多维数组:一个数组的元素可以是另外一个数组6.数组在函数中的使用7.数组方法8.数组方法的简单使用TypeScriptArray(数组)1.数组声明:数组对象是使用单独的变量名来存储一系列的值。letarr:number[]=[1,2];//数组console.log(arr)letarr2:Array=[1,2];console.log(arr2)//[1