标签: TypeScript

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

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

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

Mybatis查询实现返回List类型数据操作

如下所示:**只要设定resultType而不设定resultMap就可以了**:<selectid=“selectByPage”parameterType=“java.util.Map”resultType=“java.util.Map”>selectrs.*,rssetting.*,...

Java 2021-04-17 241 0 0 阅读全文

使用Typescript快速开发一个Cli的实现示例

cli的全称command-lineinterface(命令行界面),也就是前端同学常用的脚手架,比如yo、vuecli、reactcli等。cli可以方便我们快速创建项目,下图是引用vuecli的介绍:创建项目运行下面的命令,创建一个项目:npminit执行命令完成后,可以看到项目根目录只有一个p...

JavaScript 2021-04-18 221 0 0 阅读全文

SpringBoot定制Type Formatters实例详解

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

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

Vant-Ui框架的一个Bug(解决切换后Onload不触发)

前几天做的项目里有用到下拉刷新。使用了vant-ui里的List列表瀑布流滚动加载,用于控制长列表的展示先说使用1.用npm下载该模块包npmivant-S2.引入组件官方提供了三种方法。(我使用了第三种,全局引入方法)方式一.使用babel-plugin-import(推荐)babel-plugi...

JavaScript 2021-04-14 215 0 0 阅读全文

TypeScript命名空间的相关知识

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

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

一文了解TypeScript数据类型

类型了解基础类型ts中支持更多的类型letage:number=10//NumberletfirstName:string='凉宸'//StringletlastName:string='凉宸'//StringletisMary:boolean=true//booleanletunde:undefi...

JavaScript 2021-07-07 197 0 0 阅读全文

详解TypeScript中的类型保护

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

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

详解TypeScript2.0标记联合类型

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

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

详解JavaScript私有类字段和TypeScript私有修饰符

JavaScript私有类字段和隐私需求在过去,JavaScript没有保护变量不受访问的原生机制,当然除非是典型闭包。闭包是JavaScript中许多类似于私有模式(如流行的模块模式)的基础。但是,近年来ECMAScript2015类被使用后,开发人员感到需要对类成员的隐私进行更多控制。类字段提案...

JavaScript 2021-04-30 161 0 0 阅读全文

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

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

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

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

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

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

JavaScript和TypeScript中的Void的具体使用

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

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

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

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

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

Java 反射类型Type的用法说明

各个方法1.得到class的成员变量首先得到object的class对象然后在class对象中用getDeclaredFields()方法来获得class的成员变量FieldTestft=newFieldTest();ClassftClass=ft.getClass();Field[]fields=...

Java 2021-05-19 154 0 0 阅读全文

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

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

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

JS装饰者模式和TypeScript装饰器

装饰者模式介绍装饰者模式(DecoratorPattern)也称为装饰器模式,在不改变对象自身的基础上,动态增加额外的职责。属于结构型模式的一种。使用装饰者模式的优点:把对象核心职责和要装饰的功能分开了。非侵入式的行为修改。举个例子来说,原本长相一般的女孩,借助美颜功能,也能拍出逆天的颜值。只要善于...

JavaScript 2021-04-30 143 0 0 阅读全文

Vue语法自动转Typescript(解放双手)

代码的复用是一件很常见的事情,如果是公共代码的复用那还好说,直接做成一个内部私有库,想用的话安装一下npm包就行了,但是业务代码的复用就不好做成包了,一般都是复制粘贴我一般写代码的时候,如果觉得某段业务代码以前见过其他人写过,那么考虑到业务优先性,只要别人的代码不是写得太烂,我一般会优先抄别人的代码...

JavaScript 2021-04-28 161 0 0 阅读全文

Typescript的三种运行方式(小结)

一、在线complier这种方式最简单,不需在本地做任何配置安装,只需进入Typescript的官网,点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。二、本地命令行编译1、在本地编译运行Typescript需要使用npm下载typescriptnpminsta...

JavaScript 2021-04-28 160 0 0 阅读全文

Vue-Cli3项目引入Typescript的实现方法

假设已经有一个通过vue-cli3脚手架构建的vue项目命令行安装Typescriptnpminstall--save-devtypescriptnpminstall--save-dev@vue/cli-plugin-typescript编写Typescript配置根目录下新建tsconfig.js...

JavaScript 2021-04-30 190 0 0 阅读全文