在typescript中import第三方类库clipboard报错
一、问题
在实际开发项目中就遇到了这样的问题,需要在Vue+Typescript项目中添加复制文本的功能,就找了clipboard插件,先是新建了一个新的项目用来实验看看是否好用,都写好了以后发给别人让在项目里添加,结果采用常规的方法导入第一句话就提示错误。然后又用了vue-clipboard2插件导入 import VueClipboard form'vue-clip ...
typescript接口扩展
/*
typeScript中的接口
接口扩展
*/
/*
接口的作用:在面向对象的编程中,接口是一种规范的定义,它定义了行为和动作的规范,在程序设计里面,接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,它只规定这批类里必 ...
react + typescript 学习
react,前端三大框架之一,也是非常受开发者追捧的一门技术。而 typescript 是 javascript 的超集,主要特点是对 类型 的检查。二者的结合必然是趋势,不,已经是趋势了。react 文档、typescript 文档都看过,例子也敲过了,对此也都有了一定的理解,但是把二者很好的结合在一起,还是遇到了一些问题。纯粹记录一些,当然 ...
TypeScript 装饰器的执行原理
装饰器本质上提供了对被装饰对象 Property Descriptor 的操作,在运行时被调用。
因为对于同一对象来说,可同时运用多个装饰器,然后装饰器中又可对被装饰对象进行任意的修改甚至是替换掉实现,直观感觉会有一些主观认知上的错觉,需要通过代码来验证一下。
比如,假若每个装饰器都对被装饰对象的有替换 ...
基于TypeScript从零重构axios
一、在GitHub上创建一个代码仓库
找到仓库地址:git@github.comianDingweiCharles/ts-axios.git
二、项目配置
本地新建一个文件夹axios
用VScode打开,通过Typescript脚手架Typescript library starter搭建项目
命令行: git clone https://github.com/alexjoverm/typescript-library-starter.git axios
cd axios  ...
vue+Typescript初级入门
Typescript 在前端圈已经逐渐普及,Vue 2.5.0 改进了类型声明,使得对 TypeScript 更加友好
不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造
PS: 建议使用 Visual Studio Code 进行开发
vue-cli 3.0 可以直接创建 typescript 项目,不过目前还只有 beta 版,有兴趣的朋友可以尝试一下
一、安 ...
TypeScript `unknown` 类型
unknown 字面理解和 any 其实没差,任何类型都可赋值给它,但有一点,
Anything is assignable to unknown, but unknown isn’t assignable to anything but itself and any without a type assertion or a control flow based narrowing
--TypeScript 3.0 Release notes - New unknown top type
unknown ...
TypeScript教程
因为工作中用TypeScript,抽个时间,先大致的介绍一些基本知识,完整的学习还是建议从官网教程出发,玩儿的愉快
JavaScript的通用浏览器支持和动态类型特性使其成为理想的通用Web语言。但是,任何来自面向对象背景的开发人员都知道,随着应用程序变得越来越大,JavaScript的灵活性可能成为一种负担。 ...
TypeScript 装饰器
装饰器(Decorators)可用来装饰类,属性,及方法,甚至是函数的参数,以改变和控制这些对象的表现,获得一些功能。
装饰器以 @expression 形式呈现在被装饰对象的前面或者上方,其中 expression 为一个函数,根据其所装饰的对象的不同,得到的入参也不同。
以下两种风格均是合法的:
@f @g x
@f
@g
x
ES ...
TypeScript `infer` 关键字
考察如下类型:
type PromiseType<T> = (args: any[]) => Promise<T>;
那么对于符合上面类型的一个方法,如何得知其 Promise 返回的类型?
譬如对于这么一个返回 string 类型的 Promise:
async function stringPromise() {
return "string promise";
}
RetrunType
如果你对 TypeScript 不是那么陌生,可 ...
TypeScript配置文件说明
在使用VsCode编写TypeScript时,VsCode提供了一个tsconfig.json辅助我们设置TypeScript的配置项来确定如何生成最终的js文件。
那tsconfig.json到底有哪些常用属性,它们又起到什么作用呢?
1、tsconfig.json
1.1、compilerOptions
tsconfig.json文件中的 compilerOptions 属性用于确定如何编译ts文件。
其中大概有如下属性 ...
Typescript - 变量类型
原文:TypeScript基本知识点整理
一、number
let num1 : number = 20;
let num2 : number = 175.5;
let a1 : number = Infinity; //正无穷大
let a2 : number = -Infinity; //负无穷小
let a3 : number = NaN;
这和 js 一样,Infinity、-Infinity、NaN 也是属于 Number 类型的;
二、undefined
...
【翻译】在TypeScript中,Extends和Implements一个抽象类有什么不同
我们知道在TypeScript中一个类既可以被implement也可以被extends,有一些C#或java基础的同学可能会对此感到困惑,因为在上述两个面向对象的语言里面只有接口可以被implement,而只有类才能被extends。那我们来解释一下在TypeScript中这两个关键词有什么不同。最近在StackOverflow中查到了这个问题,所以顺手翻译了一下并且 ...
2、typescript - 类型断言, EventTarget Event
有时候你会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。
通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶 ...
TypeScript - 内置对象
JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型。内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。
ECMAScript 标准提供的内置对象有:Boolean、Error、Date、RegExp 等。我们可以在 TypeScript 中将变量定义为这些类型 ...
TypeScript - 数组
在 TypeScript 中,数组类型有多种定义方式,比较灵活。
let fibonacci: number[] = [1, 1, 2, 3, 5];
数组的项中不允许出现其他的类型:
let fibonacci: number[] = [1, '1', 2, 3, 5];
// index.ts(1,5): error TS2322: Type '(number | string)[]' is not assignable to type 'number[]'.
// Type 'number | st ...
webpack中typeScript的打包配置
2018年typescript发展的非常好,js是一门非常灵活的语言,所以一个功能,怎么写都能够写出来,但是这也会导致一个问题,不同人写js的方式不同,那么会导致同一个功能出现的代码风格会迥然不同。这样的话,如果是一个团队在做编程的过程中,每个人都按自己的语法去写代码的话,那么维护性就难以得到保证。
typescript ...
typescript中使用antd.form.create
typescript中使用antd.form.create
报错内容如下
与类型“IntrinsicAttributes & IntrinsicClassAttributes<Component<ick<FormComponentProps
解决办法如下:
1 import {FormComponentProps} from 'antd/lib/form/Form';
2 interface CreateNoticeModalProps extends FormComponentProps {
isShow: boolean
onCanc ...
typescript-基础类型
ts代码有类型校验,必须指定类型
一:JavaScript的基本类型
7种:(大小写敏感)
boolean: true 和false
null
undefined:变量未定义时的属性
number
string
symbol:(es6新添加的),它的实例是唯一且不可改变的
二:TypeScript的基本类型
1:数据类型
数据类型关键字 ...
typescript-介绍&安装&开发工具
引言:
既然有了JavaScript,为什么还需要typescript呢?两者有什么不同呢?
一:介绍
一:typeScript
1:JavaScript
JavaScript的产生历程这里就不详细说了,我们说说关键点。
1999年12月ECMAScript发布第三标准版本后,接下来10年就不行了。直到2005年借助ajax,JavaScript得以复兴。
2009年12月ECMAScri ...