标签: TypeScript

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

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

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

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

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

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

TypeScript命名空间的相关知识

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

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

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

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

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

详解TypeScript2.0标记联合类型

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

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

一文了解TypeScript数据类型

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

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

CocosCreator入门教程之用TS制作第一个游戏

前提无论学什么技术知识,官方文档都应该是你第一个教程,所以请先至少阅读新手上路这一节http://docs.cocos.com/creator/manual/zh/getting-started/再来看这篇文章。这里假设你已经安装成功了CocosCreator。TypeScriptVSJavaScr...

JavaScript 2021-04-16 173 0 0 阅读全文

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

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

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

Vue3+TypeScript封装Axios并进行请求调用的实现

不是吧,不是吧,原来真的有人都2021年了,连TypeScript都没听说过吧?在项目中使用TypeScript虽然短期内会增加一些开发成本,但是对于其需要长期维护的项目,TypeScript能够减少其维护成本,使用TypeScript增加了代码的可读性和可维护性,且拥有较为活跃的社区,当居为大前端...

JavaScript 2021-04-15 193 0 0 阅读全文

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

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

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

SpringBoot定制Type Formatters实例详解

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

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

TypeScript在React项目中的使用实践总结

序言本文会侧重于TypeScript(以下简称TS)在项目中与React的结合使用情况,而非TS的基本概念。关于TS的类型查看可以使用在线TS工具?TypeScript游乐场React元素相关React元素相关的类型主要包括ReactNode、ReactElement、JSX.Element。Rea...

JavaScript 2021-04-22 209 0 0 阅读全文

CocosCreator ScrollView优化系列之分帧加载

一、JS是单线程的,也就意味着所有任务需要排队,只有当前一个任务结束了,后一个任务才会执行。如果前一个任务耗时很长,后一个任务就不得不一直等着。CocosCreator是采用JavaScript/TypeScript语言开发,本质上是JS,同样会拥有以上特征。特别地,如果使用不当,极有可能导致界面卡...

JavaScript 2021-04-16 220 0 0 阅读全文

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

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

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

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

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

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

Vue3+Typescript实现图片懒加载插件

github项目地址:github.com/murongg/vue…求star与issues我文采不好,可能写的文章不咋样,有什么问题可以在留言区评论,我会尽力解答本项目已经发布到npm安装:$npmivue3-lazyload#or$yarnaddvue3-lazyload需求分析支持自定义loa...

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

一文搞懂TypeScript的安装、使用、自动编译的教程

1.初识TypeScriptTypeScript的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软...

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

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

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

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

不用Typsescript如何使用类型增强功能

由于JS的弱类型、宽松的编写规范、以及开发工具的弱鸡支持,我们在维护前人的代码时,经常会出现不知道某一个方法或字段命名来自于哪里,一定要在全局搜索以后慢慢筛查才能找到同样我们在使用接口返回的对象字段时,也不知其类型几何,意思几何甚至在我们使用挂载到vue全局对象上的方法时,纯粹靠猜,尤其是当函数可以...

JavaScript 2021-03-25 291 0 0 阅读全文

TypeScript的函数定义与使用案例教程

TypeScript中函数的定义和使用1.声明一个函数约束其传参类型,以及返回值类型传入两个参数,没有返回值constfun1=(key:string,value:number):void=>{console.log(key,value);//"Typescript",10...

JavaScript 2021-07-23 200 0 0 阅读全文