标签: TypeScript

详解TypeScript中的类型保护

概述在TypeScript中使用联合类型时,往往会碰到这种尴尬的情况:interfaceBird{//独有方法fly();//共有方法layEggs();}interfaceFish{//独有方法swim();//共有方法layEggs();}functiongetSmallPet():Fish|B...

JavaScript 2021-04-29 50 0 0 阅读全文

7个好用的TypeScript新功能

1.可选链从v3.7可用这是当你尝试访问嵌套数据时的一个痛点,嵌套数据越多,代码就会变得越繁琐。在下面的例子中,要访问address,你必须遍历data.customer.address,而且data或customer有可能是undefined,所以通常使用&&运算符或类似例子中的技...

JavaScript 2021-05-06 26 0 0 阅读全文

TypeScript命名空间的相关知识

TypeScript命名空间命名空间一个最明确的目的就是解决重名问题。假设这样一种情况,当一个班上有两个名叫小明的学生时,为了明确区分它们,我们在使用名字之外,不得不使用一些额外的信息,比如他们的姓(王小明,李小明),或者他们父母的名字等等。命名空间定义了标识符的可见范围,一个标识符可在多个名字空间...

JavaScript 2021-06-30 23 0 0 阅读全文

TypeScript泛型参数默认类型和新的Strict编译选项

概述TypeScript2.3增加了对声明泛型参数默认类型的支持,允许为泛型类型中的类型参数指定默认类型。接下来看看如何通过泛型参数默认将以下react组件从js(和jsX)迁移到TypeScript(和TSX):classGreetingextendsreact.Component{render(...

JavaScript 2021-05-06 30 0 0 阅读全文

JavaScript和TypeScript中的Void的具体使用

如果你来自传统的强类型语言,可能会很熟悉void的概念:一种类型,告诉你函数和方法在调用时不返回任何内容。void作为运算符存在于JavaScript中,而作为基本类型存在于TypeScript中。在这两个世界中,void的工作机制与大多数人习惯的有点不同。JavaScript中的voidJavaS...

JavaScript 2021-04-27 29 0 0 阅读全文

使用TS来编写Express服务器的方法步骤

1.作为前端开发人员而言,ts已经成为了一项必不可少的技能,类型检查可以帮助我们再开发时避免一些不必要的bug,而且ts支持的类和装饰器等语法也更逼近后端语言,更适合服务器的开发。本文将从零开始,搭建一个集成ts和eslint语法检查的express服务器。2.初始化express框架我们可以使用官...

JavaScript 2021-04-19 29 0 0 阅读全文

使用 React 和 Threejs 创建一个VR全景项目的过程详解

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano//创建一个React项目npminstall-Stypescript//安装typ...

JavaScript 2021-04-06 40 0 0 阅读全文

利用Vue3+Ts实现管理后台(增删改查)

简单的管理后台基本上就是数据的增删改查。主要就是列表+form表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体API及参数。以前vue2的时候最简单的做法是写出来一个页面的逻辑,然后直接copy到各个页面中,修改API及参数即可。高级一点的是利用mixin函数,将可复用逻辑抽离...

JavaScript 2021-04-19 24 0 0 阅读全文

TypeScript魔法堂之枚举的超实用手册

也许前端的同学会问JavaScript从诞生至今都没有枚举类型,我们不是都活得挺好的吗?为什么TypeScript需要引入枚举类型呢?也许被迫写前端的后端同学会问,TypeScript的枚举类型是和Java/.NET的一样吗?下面我们来一起探讨和尝试解答吧!前端一直都需要枚举我敢保证,前端的同学都会...

JavaScript 2021-04-19 35 0 0 阅读全文

浅谈TypeScript 用 Webpack/Ts-Node 运行的配置记录

公司项目代码是用TypeScript写的,中间遇到有些代码不要放到Node里面去跑.具体场景一些路由配置,比较大的一块JSON数据定义在TypeScript里.我另外有增加脚本,基于这些JSON数据用来生成切换路由的函数.这就需要运行TypeScript了,而且可能包含一些额外的业务代码.首先Nod...

JavaScript 2021-04-29 35 0 0 阅读全文

Vant 在Vue-Cli 4.X中按需加载操作

在vue-cli4.x中使用vant出现的问题,在这里记录一下一.如果使用按需加载,需要下载babel-plugin-import转换一下,下载babel-plugin-importcnpminstallbabel-plugin-import-D**二.在根目录中找到babel.config.js文...

JavaScript 2021-04-13 24 0 0 阅读全文

SpringBoot定制Type Formatters实例详解

前面我们有篇文章介绍了SpringBoot项目中定制PropertyEditors方法,是用来将文本类型转换成指定的Java类型,不过,考虑到PropertyEditor的无状态和非线程安全特性,Spring3增加了一个Formatter接口来替代它。Formatters提供和PropertyEdi...

Java 2021-05-10 28 0 0 阅读全文

TypeScript中使用GetElementXXX()的示例代码

简述Angular1.x版本是用JavaScript编写的,我们在百度Angular经常会搜索到AngularJS,并不是JavaScript的什么衍生版本,就是Angular1.x。在后续版本中,改用TypeScript来重写了Angular框架。改动较大,所以做了个区分,Angularv1.x就...

JavaScript 2021-04-27 25 0 0 阅读全文

浅谈Vue3.0之前你必须知道的TypeScript实战技巧

很多人对TypeScript的使用还停留在基本操作上,其实TypeScript的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率,今天就介绍9个非常实用的TypeScript技巧或者特性.注释的妙用我们可以通过/***/来注释TypeScript的类型,当我们在使用相关类型的时候...

JavaScript 2021-04-27 24 0 0 阅读全文

TypeScript的安装、使用、自动编译

一、什么是TypeScript?1、TypeScript是一种由微软开发的开源、跨平台的编程语言。他是JavaScript的超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程,遵循最新的ES5、ES6规范。(TypeScript里边可以直接写ES5、ES6代码)2、TypeScri...

JavaScript 2021-06-29 25 0 0 阅读全文

详解TypeScript2.0标记联合类型

使用标记的联合类型构建付款方式假设咱们为系统用户可以选择的以下支付方式建模Cash(现金)PayPal与给定的电子邮件地址Creditcard带有给定卡号和安全码对于这些支付方法,咱们可以创建一个TypeScript接口interfaceCash{kind:"cash";}int...

JavaScript 2021-05-07 56 0 0 阅读全文

使用Typescript开发微信小程序的步骤详解

Typescript的优势咱不需要赘述太多,有兴趣可以参考(https://www.typescriptlang.org/)。今天给大家分享一下如何在微信小程序(或者其他同类小程序)开发中使用Typescript。这个分两种情况,最简单的做法就是在创建项目时,选择Typescript这个选项,如下图...

JavaScript 2021-03-30 32 0 0 阅读全文

详解TypeScript映射类型和更好的字面量类型推断

概述TypeScript2.1引入了映射类型,这是对类型系统的一个强大的补充。本质上,映射类型允许w咱们通过映射属性类型从现有类型创建新类型。根据咱们指定的规则转换现有类型的每个属性。转换后的属性组成新的类型。使用映射类型,可以捕获类型系统中类似Object.freeze()等方法的效果。冻结对象后...

JavaScript 2021-05-07 29 0 0 阅读全文

浅谈TypeScript3.7中值得注意的3个新特性

距typescript3.7正式发布已经有一段时间了,这段时间正在对手上的项目进行typescript的迁移工作,所以会特别留意每一次的release。对于3.7中包含的新特性,其实相比较之前几次release来说,算是一个比较小的发布版本,但是其中包含的几个特性对代码质量本身,会带来显著地提升。O...

JavaScript 2021-05-07 66 0 0 阅读全文

解决Vue Cli使用Typescript后打包巨慢的问题

最近新开了一个项目,虽然用的是vue技术栈,但是为了项目的健壮性,还是强上了typescript,于是引出了下面的问题。问题之前使用过ts-loader打包react项目,给我的感觉就是巨慢,开发环境下,每次保存后,需要等10秒钟左右才能构建完成,当时为了解决这个问题,把ts-loader替换成了b...

JavaScript 2021-04-29 37 0 0 阅读全文