草庐IT

language-typescript

全部标签

TypeScript工具类 Partial 和 Required 的详细讲解

场景描述:场景描述:一个接口(IPerson)有很多个的字段,可能有几百。而且这些字段都是必须的。我们需要使用这个接口,但是我又不可能使用它的全部。可能只会使用几个。我还必须要使用这接口。这个时候,我们怎么解决这个问题呢?TS给了我们一个工具类Partial,可以解决这隔办法Partial[pɑrʃl][部分的]使用的方式就是letobj:Partial={}工具类的使用Partial//这个接口有这些的字段interfaceIPerson{name:string;age:number;sex:"男"|"女";//只能够是男或者女,address:string,xueli:string,lik

Typescript类型体操 - IsNever

题目中文实现一个以T作为泛型参数的IsNever类型.如果T是never,返回true,否则返回false.示例:typeA=IsNever;//expectedtobetruetypeB=IsNever;//expectedtobefalsetypeC=IsNever;//expectedtobefalsetypeD=IsNever;//expectedtobefalsetypeE=IsNever;//expectedtobefalseEnglishImplementatypeIsNever,whichtakesinputtypeT.Ifthetypeofresolvestonever,re

Typescript类型体操 - IsNever

题目中文实现一个以T作为泛型参数的IsNever类型.如果T是never,返回true,否则返回false.示例:typeA=IsNever;//expectedtobetruetypeB=IsNever;//expectedtobefalsetypeC=IsNever;//expectedtobefalsetypeD=IsNever;//expectedtobefalsetypeE=IsNever;//expectedtobefalseEnglishImplementatypeIsNever,whichtakesinputtypeT.Ifthetypeofresolvestonever,re

基于SqlSugar的开发框架循序渐进介绍(14)-- 基于Vue3+TypeScript的全局对象的注入和使用

刚完成一些前端项目的开发,腾出精力来总结一些前端开发的技术点,以及继续完善基于SqlSugar的开发框架循序渐进介绍的系列文章,本篇随笔主要介绍一下基于Vue3+TypeScript的全局对象的注入和使用。我们知道在Vue2中全局注入一个全局变量使用protoType的方式,很方便的就注入了,而Vue3则不能通过这种方式直接使用,而是显得复杂一些,不过全局变量的挂载有它的好处,因此我们在Vue3+TypeScript中也继续应用这种模式来处理一些常规的辅助类方法。1、Vue2的全局挂载Vue2的挂载由于它的便利性,常常会被大量的使用,只需要使用Vue.protoType.**的方式就可以注入一

基于SqlSugar的开发框架循序渐进介绍(14)-- 基于Vue3+TypeScript的全局对象的注入和使用

刚完成一些前端项目的开发,腾出精力来总结一些前端开发的技术点,以及继续完善基于SqlSugar的开发框架循序渐进介绍的系列文章,本篇随笔主要介绍一下基于Vue3+TypeScript的全局对象的注入和使用。我们知道在Vue2中全局注入一个全局变量使用protoType的方式,很方便的就注入了,而Vue3则不能通过这种方式直接使用,而是显得复杂一些,不过全局变量的挂载有它的好处,因此我们在Vue3+TypeScript中也继续应用这种模式来处理一些常规的辅助类方法。1、Vue2的全局挂载Vue2的挂载由于它的便利性,常常会被大量的使用,只需要使用Vue.protoType.**的方式就可以注入一

自学 TypeScript 第二天 编译选项

前言:昨天我们学习了TS的数据类型,不知道大家回去以后练习没练习,如果你练习了一定会发现一个问题,我们的TS好像和JS不太一样JS写完之后直接就可以放到页面上,就可以用了,而我们的TS需要用tsc编译一下,编译为JS才能在页面中使用这时就会有同学说了,诶呀,六扇老师,这也太麻烦了吧!别急,好好阅读今天的文章,关于TS的编译选项编译选项:自动编译文件:编译文件时,使用  -w  指令后,TS编译器会自动监视文件的变换,如果TS文件变化会自动重新进行编译tscxxx.ts-w图片示例:自动编译成功了,问题也就来了,我们发现这样虽然是不用手动编译了,但我有两个TS文件呢,我需要打开两个窗口,输入两遍

自学 TypeScript 第二天 编译选项

前言:昨天我们学习了TS的数据类型,不知道大家回去以后练习没练习,如果你练习了一定会发现一个问题,我们的TS好像和JS不太一样JS写完之后直接就可以放到页面上,就可以用了,而我们的TS需要用tsc编译一下,编译为JS才能在页面中使用这时就会有同学说了,诶呀,六扇老师,这也太麻烦了吧!别急,好好阅读今天的文章,关于TS的编译选项编译选项:自动编译文件:编译文件时,使用  -w  指令后,TS编译器会自动监视文件的变换,如果TS文件变化会自动重新进行编译tscxxx.ts-w图片示例:自动编译成功了,问题也就来了,我们发现这样虽然是不用手动编译了,但我有两个TS文件呢,我需要打开两个窗口,输入两遍

自学 TypeScript 第一天 环境开发配置 及 TS 基本类型声明

前言: 自学第一天,什么是TS,为什么要用TS TS全程 TypedJavaScriptatAnyScale 解释起来就是 添加了类型系统的JavaScript,是JavaScript的一个超集让JS从动态类型的语言,变成了一个静态类型的语言,给变量赋予了类型好,到这里有同学就会问了,什么是动态类型,什么是静态类型,啥是给变量赋予类型?让我们来看下边这一个栗子:leta;a="a";a=10;我们先来看第三步,10是有类型的吧,类型是 number ,第二步也同理,此时回过头来,我们再看第一步,a是什么类型?a在第一步的时候,没有类型,就是一个变量这就是JS中的动态类型,a什么都可以存放,TS

自学 TypeScript 第一天 环境开发配置 及 TS 基本类型声明

前言: 自学第一天,什么是TS,为什么要用TS TS全程 TypedJavaScriptatAnyScale 解释起来就是 添加了类型系统的JavaScript,是JavaScript的一个超集让JS从动态类型的语言,变成了一个静态类型的语言,给变量赋予了类型好,到这里有同学就会问了,什么是动态类型,什么是静态类型,啥是给变量赋予类型?让我们来看下边这一个栗子:leta;a="a";a=10;我们先来看第三步,10是有类型的吧,类型是 number ,第二步也同理,此时回过头来,我们再看第一步,a是什么类型?a在第一步的时候,没有类型,就是一个变量这就是JS中的动态类型,a什么都可以存放,TS

自学 TypeScript 第四天,手把手项目搭建

前言:学了三天,我们学习了TS的基本类型声明,TS的编译,webpack打包,其实也就差不多了,剩下的也就一些类,继承,构造函数,抽象类,泛型一些的,如果都细致的讲可能写好久,感兴趣的可以自己找资料细致的去学一下学习代码或一个新语法,最好的方法无非就是做项目,从这个过程中学会如何去使用,怎么去写废话不多说,我们开始今天的贪吃蛇项目初始化项目搭建,初始化:我记得前一天,我们配置过一份webpack配置,直接复制过来使用,这里就不多说了,然后就是在项目中引入我们的lessnpmi-Dlessless-loadercss-loaderstyle-loader什么什么杠loader,就是把什么和web