typescript
溪岚画
千里之行,始于足下。
展开
-
七、装饰器
装饰器装饰器是一种特殊类型的声明,它能够被附件到类声明,方法,属性或参数上,可以修改其行为扩展其功能。分类:类装饰器、属性装饰器、方法装饰器、参数装饰器写法包含:普通装饰器(无法传参)、装饰器工厂(可传参)要启用对decorator的实验支持,您必须在命令行或tsconfig.json中启用experimental aldecorators编译器选项tsc --target ES5 --...原创 2020-02-08 08:12:56 · 143 阅读 · 0 评论 -
六、模块及命名空间
官网文档地址 https://www.typescriptlang.org/docs/handbook/generics.html模块我们可以把一些公共的功能单独抽离成一个文件作为一个模块。模块里面的变量/函数/类等默认时私有的,如果我们要在外部访问模块里面的数据(变量/函数/类)我们需要通过export暴露模块里面的数据(变量/函数/类)。暴露后我们通过import引入模块就可以使用模块里面...原创 2020-02-07 09:40:06 · 135 阅读 · 0 评论 -
五、泛型使用
官网文档地址 https://www.typescriptlang.org/docs/handbook/generics.html泛型软件工程的一个主要部分是构建组件,这些组件不仅具有定义良好和一致的API,而且还具有可重用性。能够处理今天的数据和明天的数据的组件将为您提供构建大型软件系统的最灵活的能力。在C#和Java等语言中,工具箱中用于创建可重用组件的主要工具之一是泛型也就是说,能够创...原创 2020-02-07 09:38:30 · 148 阅读 · 0 评论 -
四、接口
官网文档地址 http://www.typescriptlang.org/docs/index.html接口使用readonly还是const,最简单的方法是询问您是对变量还是属性使用它。变量使用const,而属性使用readonly,有些属性只有在首次创建对象时才可以修改。您可以通过将readonly放在属性名之前来指定这一点interface Point { readonly x...原创 2020-02-06 15:37:46 · 121 阅读 · 0 评论 -
三、类
类es5中类使用es5中类使用function Person(){ //属性 this.name = 'name'; this.age = 22; this.run = function(){ // 方法【为实例方法,通过new对象实例使用】 }}====================//原型类Person通过prototype增加类的属性【会被多个实例共享,而内...原创 2020-02-05 16:50:06 · 127 阅读 · 0 评论 -
二、数据类型及函数
数据类型数据类型关键字描述任意类型any声明为 any 的变量可以赋予任意类型的值。数字类型number双精度 64 位浮点值。它可以用来表示整数和分数。let binaryLiteral: number = 0b1010; // 二进制 let octalLiteral: number = 0o744; // 八进制 let decLiteral: numb...原创 2020-02-05 14:10:08 · 231 阅读 · 0 评论 -
一、typescript介绍及安装
一、介绍微软开源扩展了javascript的语法,因此为超集,同时遵循最新的ES6、ES5规范最新的react和vue支持集成TypeScript 通过类型注解提供编译时的静态类型检查。ypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译特性TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功...原创 2020-02-04 10:00:12 · 435 阅读 · 0 评论 -
TypeScript、React、webpack 一起使用
1.npm 项目初始化项目npm init项目中会生成package.json文件,这里可以使用默认值2.全局安装webpacknpm install -g webpack项目中使用webpack管理前端的js、css、ts进行绑定3.安装react reactDOM 及其声明文件到项目的package.json文件中npm install --save react react-do...原创 2019-07-18 20:23:49 · 390 阅读 · 0 评论 -
availity-reactstrap-validation 校验总结
Custom error messages 自定义错误信息validate={{ required: {value: true, errorMessage: 'Please enter a name'}, pattern: {value: '^[A-Za-z0-9]+$', errorMessage: 'Your name must be composed only with l...原创 2019-08-28 09:16:16 · 648 阅读 · 0 评论