草庐IT

gulp-typescript

全部标签

在对象数组中更改一个对象属性会更改所有对象属性(Typescript)

这是对象。typemodel对象和statusmodel对象具有一个属性typeID那必须是一个数字(例如1)。exportclassTypeModel{typeID:number;typeDescription:string;}exportclassStatusModel{typeId:number;statusId:number;typeStatusDescr:string;}exportclassTypeStatusesModel{type:TypeModel;status:StatusModel;}lettypeStatuses:TypeStatusesModel[]=[];letty

如何在 TypeScript 中使用类和继承

“TypeScript是一种编程语言,它是JavaScript的超集。它通过添加静态类型、类、接口和模块等功能来扩展JavaScript”classHero{name:string;age:number;constructor(name:string,age:number){this.name=name;this.age=age;}say():void{console.log(`mynameis${this.name}`);}}在上面的代码中,我们定义了一个名为Hero的类,它具有name和age属性,以及一个say方法。构造函数用于初始化对象的属性。通过类的定义,我们可以创建多个具有相同属性

前端TypeScript学习day05-索引签名、映射与类型声明文件

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)       目录索引签名类型 映射类型索引查询(访问)类型基本使用 同时查询多个索引的类型 TypeScript类型声明文件 概述TS的两种文件类型 类型声明文件的使用说明使用已有的类型声明文件 内置类型声明文件第三方库的类型声明文件创建自己的类型声明文件项目内共享类型为已有JS文件提供类型声明。索引签名类型 绝大多数情况下,我们都可以在使用对象前就确定对象的结构,并为对象添加准确的类型。使用场景:当无法确定对象中有哪些属性(或者说对象中可以出现任意多个属性),此时,就用到索引签名类型了。解释:1.使用

从Angular 2/Typescript中的AJAX响应中保存zip文件

我正在尝试下载一个ZIPFIE,该邮政编码在AJAX请求的响应中以二进制返回。我尝试了以下代码,但无法下载它,即使我下载了文件,文件也损坏了。我检查了响应是否正确,并转到了开发人员工具中的“网络”选项卡,并将响应保存为zip文件并打开它,并成功打开了响应。希望有人能告诉我我做错了什么。varURL=window.URL;vardownloadData=newBlob([data._body],{type:'application/octet-stream'});vardownloadURL=URL.createObjectURL(downloadData);window.open(downlo

前端TypeScript学习day04-交叉类型与泛型

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)      目录交叉类型泛型创建泛型函数调用泛型函数:简化调用泛型函数:泛型约束 指定更加具体的类型添加约束 泛型接口 泛型类泛型工具类型 Partial Readonly Pick ,>Record ,>交叉类型交叉类型(&):功能类似于接口继承(extends),用于组合多个类型为一个类型(常用于对象类型)。比如解释:使用交叉类型后,新的类型PersonDetail就同时具备了Person和Contact的所有属性类型。相当于,交叉类型(&)和接口继承(extends)的对比:        相同点:

TypeScript选项‘importsNotUsedAsValues‘和‘preserveValueImports‘弃用

TypeScript从5.0开始,选项“importsNotUsedAsValues”和“preserveValueImports”已经被标记为Deprecated,并将在TypeScript5.5之后停止支持,可以使用“verbatimModuleSyntax”选项替代。默认情况下,假如你在TypeScript中写下如下代码:import{Car}from"./car";exportfunctiondrive(car:Car){//...}TypeScript检测到您只对类型定义导入,就会完全删除导入。输出的JavaScript可能如下:exportfunctiondrive(car){//

gulp + mockjs模拟前端数据

一.强烈推荐这个静态服务器browser-sync1.browser-sync的使用browser-sync的文档真的是超级强大一定要看现在来讲具体的使用方法,下面的代码是写在gulpfile.js中的ps:这里也要注意middleWare这个参数能够在请求中转到你想去的地方//开启静态服务器vargulp=require('gulp');varbrowserSync=require('browser-sync');//静态服务器的插件varmock=require('./mock.js');//自己将拦截,生成随机数据这一模块提取出去了gulp.task('browser-sync',fun

前端TypeScript学习day03-TS高级类型

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)      目录TypeScript高级类型class类class继承 extendsimplements 类成员可见性 public protected private  readonly兼容性类型兼容性接口兼容性 函数兼容性 TypeScript高级类型class类TypeScript全面支持ES2015中引入的class关键字,并为其添加了类型注解和其他语法(比如,可见性修饰符等)解释:1.根据TS中的类型推论,可以知道Person类的实例对象p的类型是Person。2.TS中的class,不仅提供

前端TypeScript学习day02-TS常用类型

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录TypeScript常用类型接口 元组 类型推论类型断言字面量类型枚举any类型typeof TypeScript常用类型接口 当一个对象类型被多次使用时,一般会使用接口(interface)来描述对象的类型,达到复用的目的。解释:1.使用interface关键字来声明接口。2.接口名称(比如,此处的IPerson),可以是任意合法的变量名称。3.声明接口后,直接使用接口名称作为变量的类型。4.因为每一行只有一个属性类型,因此,属性类型后没有;(分号)。//接口:interfaceIPerson{na

基于 React18.2.0、webpack5.0.1、react-router-dom6.6.2、TypeScript、Ant-Design 管理系统(开源啦??)

个人开发学习reactweb后台管理系统项目,持续开发中,可以相互学习探讨。猪猪管家一、介绍????猪猪管家,基于React18.2.0、webpack5.0.1、react-router-dom6.6.2、TypeScript、Ant-Design开源的一套后台管理框架。recoil作为状态管理,axios作为网络请求,开箱即用,支持配置多种菜单模式,路由权限配置。二、Git仓库地址(欢迎Star⭐)GitHub:https://github.com/bigTig/react-webpack-ts.git三、???项目功能?采用最新技术找开发:React18、React-Routerv6、R