标签: TypeScript

Vue3+TypeScript穿梭框的实现示例

实现功能:模仿element穿梭框的简单功能每周分享一个vue3+typeScript的小组件,我只想分享下自己的实现思路,楼主是个菜鸡前端,记录下实现过程,说不定对你有帮助。效果展示预览地址github地址开发过程思路:用两个数组分别记录左右框框里面的值,根据复选框选中状态来实现删除增加即可htm...

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

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

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

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

TypeScrip中泛型的案例详解

泛型的定义//需求一:泛型可以支持不特定的数据类型,要求,传入的参数和返回参数一致//这种方式虽然能实现传入和返回的参数一致,但是失去类型参数检验/*functiongetData(value:any):any{return"success"}*///定义泛型解决需求一//T表示...

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

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

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

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

TypeScript中的类型断言[As语法 | <> 语法]

TypeScript中的类型断言[as语法|语法]Typescript中类型断言官方解释要理解好类型断言,其实就深刻理解一句话:你会比TypeScript更了解某个值的详细信息。类型断言,断言断言,顾名思义,我断定怎么怎么样,代入这句话里就是,我断定这个类型是什么。当然这是我们主观上的思维逻辑,程序...

Java 2021-07-24 171 0 0 阅读全文

TypeScript定义接口(Interface)案例教程

接口的作用:接口,英文:interface,其作用可以简单的理解为:为我们的代码提供一种约定。在Typescript中是这么描述的:TypeScript的核心原则之一是对值所具有的结构进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里,接口的作用就是为这些类型命名...

JavaScript 2021-07-24 119 0 0 阅读全文

React+TypeScript进行项目构建案例讲解

react项目构建可以很简单,但是如果是结合typescript,其实也不是很麻烦,官网也有很明确的说明。有两种办法:1、直接构建带有typescript的react项目,我们需要增加额外的参数,模版不能使用默认的cra-template。而是使用cra-template-typescript。np...

JavaScript 2021-07-24 122 0 0 阅读全文

TypeScript 安装使用及基本数据类型

第一步全局安装TypeScript使用npm安装npminstall-gtypescript使用cnpm安装cnpminstall-gtypescript使用yarn安装yarnglobaladdtypescript第二步初始化TypeScript在vscode里面终端>>运行生成任务&...

JavaScript 2021-03-18 166 0 0 阅读全文

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

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

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

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

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

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

7个好用的TypeScript新功能

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

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

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

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

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

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

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

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

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

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

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

如何通俗的解释TypeScript 泛型

概述在TypeScript中我们会使用泛型来对函数的相关类型进行约束。这里的函数,同时包含class的构造函数,因此,一个类的声明部分,也可以使用泛型。那么,究竟什么是泛型?如果通俗的理解泛型呢?什么是泛型泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再...

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

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

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

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

使用Typescript构建Vue应用的实现

一、Vue项目初始化-引入typescript使用typescript构建Vue应用和使用js一样,都是通过vue-cli去初始化并创建一个vue项目,只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。二、typescriptVue项目比较使用types...

JavaScript 2021-04-26 141 0 0 阅读全文

TypeScript类型声明书写详解

本文总结一下TypeScript类型声明的书写,很多时候写TypeScript不是问题,写类型就特别纠结,我总结下,我在使用TypeScript中遇到的问题。如果你遇到类型声明不会写的时候,多看看lodash的声明,因为lodash对数据进行各种变形操作,所以你能遇到的,都有参考示例。基本类型//变...

JavaScript 2021-04-26 120 0 0 阅读全文

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

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

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

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

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

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