摘要: 起因 今天重置了电脑,安装好各种环境后。打开cmd准备操作时,突然发现cmd突然没有了补全的功能,按下tab键的时候突然变成了缩进。感觉系统突然智障。了解过后,原来是系统的所有配置都重置了。于是度了一番,决定留作一个纪念。 正题 windows键 + r 调出命令提示符窗口 注 : windows键 阅读全文
posted @ 2020-05-27 23:44 JessieXie 阅读(1846) 评论(3) 推荐(0) 编辑
摘要: 类型检查机制:TypeScript编译器在做类型检查时,所秉承的一些原则,以及表现出的一些行为。 作用:辅助开发,提高开发效率。 类型推断 :指不需要指定变量的类型(函数的返回值类型),TypeScript可以根据某些规则自行的推断出一个类型 1.基础类型推断2.最佳通用类型推断3.上下文类型推断- 阅读全文
posted @ 2020-02-29 19:53 JessieXie 阅读(602) 评论(0) 推荐(0) 编辑
摘要: 定义:不预先确定的数据类型,具体的类型在使用的时候才能确定 好处:1.函数和类可以支持多种类型,增加的程序的可扩展性 2.不必写多条函数重载,联合类型声明,增强代码的可读性 3.灵活控制类型之间的约束 这里可以 把泛型理解为代表类型的参数 泛型函数 // 泛型函数 function log<T>(v 阅读全文
posted @ 2020-02-29 19:49 JessieXie 阅读(250) 评论(0) 推荐(0) 编辑
摘要: ES6之后JS将能够使用基于类的面向对象的方式,TS中的类覆盖了JS中的类 基本实现 “类的成员属性”都是实例属性,而不是原型属性,“类的成员方法”都是“原型”方法 class Dog { constructor(name: string) { this.name = name; } name: s 阅读全文
posted @ 2020-02-29 19:46 JessieXie 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约(规范对象的属性 属性的类型 属性值的类型) 可选属性 通过 ? 来设置 只读属性 通过 readonly 来设置 对象类型接口 interface List { readonly id: number; // 只读属性 name: str 阅读全文
posted @ 2020-02-29 19:36 JessieXie 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 交叉类型 并集∪适合做对象的混入 // 交叉类型 -> interface DogInterFace { run(): void } interface CatInterFace { jump(): void }// 此时pet拥有并集的成员 let pet: DogInterFace & CatI 阅读全文
posted @ 2020-02-07 13:25 JessieXie 阅读(247) 评论(0) 推荐(0) 编辑
摘要: enum类型是对JavaScript标准数据类型的一个补充。 在运行环境下编译成对象, 可用属性名索引, 也可用属性值索引。而其实现原理为:反向映射 (如下例) 数字枚举 enum Role { Reporter, // Reporter = 1, 默认情况下,从0开始为元素编号。 也可赋值,后续值 阅读全文
posted @ 2020-02-04 23:48 JessieXie 阅读(1342) 评论(0) 推荐(0) 编辑
摘要: 关于数据类型 原始类型 let bool: boolean = true; let num: number = 1; let str: string = 'i am string'; 引用类型 let arr1: number[] = [1, 2, 3]; let arr2: Array<numbe 阅读全文
posted @ 2020-02-04 23:40 JessieXie 阅读(302) 评论(0) 推荐(0) 编辑
摘要: Gird布局 一、关于概念 网格布局(Grid)是一个很强大的 CSS 布局方案。它可以将网页划分为多个网格任意拼接的布局,可以灵活的运用并实现出多种布局形式。 (grid和inline-grid区别在于,inline-grid容器为inline特性,因此可以和图片文字一行显示;grid容器保持块状 阅读全文
posted @ 2020-01-02 19:25 JessieXie 阅读(952) 评论(0) 推荐(0) 编辑
摘要: Flex布局 1.Flex为"Flexible Box"的简称,即为弹性布局,可作用于任何容器上。给div这类块状元素元素设置display:flex或者给span这类内联元素设置display:inline-flex,flex布局即创建! 其中,直接设置display:flex或者display: 阅读全文
posted @ 2019-12-30 19:25 JessieXie 阅读(318) 评论(0) 推荐(0) 编辑