自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 父子组件生命周期

父子组件生命周期的执行顺序是:父亲、父亲、父亲、孩子、孩子、孩子、孩子、父亲、父亲、孩子、孩子、父亲;孩子的早于父亲

2022-07-01 13:44:22 186 1

原创 TS学习笔记七泛型

定义一个函数或类时,有些情况下无法确定其中要使用的具体类型(返回值、参数、属性的类型不能确定);此时泛型便能够发挥作用;举个例子:上例中,test函数有一个参数类型不确定,但是能确定的时其返回值的类型和参数的类型是相同的;由于类型不确定所以参数和返回值均使用了any,但是很明显这样做是不合适的:首先使用any会关闭TS的类型检查,其次这样设置也不能体现出参数和返回值是相同的类型;这里的就是泛型;T是我们给这个类型起的名字(不一定非叫T),设置泛型后即可在函数中使用T来表示该类型;所以泛型其实很好理解,就

2022-06-19 19:43:44 134

原创 TS学习笔记六接口

接口的作用类似于抽象类,不同点在于:接口中的所有方法和属性都是没有实值的,换句话说接口中的所有方法都是抽象方法;接口主要负责定义一个类的结构,接口可以去限制一个对象的接口:对象只有包含接口中定义的所有属性和方法时才能匹配接口;同时,可以让一个类去实现接口,实现接口时类中要保护接口中的所有属性;接口只定义对象的结构,而不考虑实际值,所有的方法都是抽象方法(接口即需要满足的规范)示例(检查对象类型):示例(实现):另外,接口可以重复声明,其声明的新属性会同样被加到旧的中去作为限制......

2022-06-19 19:43:05 562

原创 TS学习笔记五TS面向对象

要想面向对象,操作对象,首先便要拥有对象;要创建对象,必须要先定义类,所谓的类可以理解为对象的模型;程序中可以根据类创建指定类型的对象;举例来说:​ 可以通过Person类来创建人的对象,通过Dog类创建狗的对象,不同的类可以用来创建不同的对象;示例:使用类:构造函数可以使用定义一个构造器方法;例如:同时也可以直接将属性定义在构造函数中:上面两种定义方法是完全相同的!注2:子类继承父类时,必须调用父类的构造方法(如果子类中也定义了构造方法)!例如:如果在X类中不调用将会报错!对象实质上就是属

2022-06-19 19:42:25 522

原创 TS学习笔记四使用webpack打包

通常情况下,实际开发中我们都需要使用构建工具对代码进行打包;TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS;步骤如下:进入项目根目录,执行命令 ,创建package.json文件命令如下:共安装了7个包:根目录下创建webpack的配置文件:配置TS编译选项根目录下创建tsconfig.json,配置可以根据自己需要修改package.json配置修改package.json添加如下配置项目使用在src下创建ts文件,并在并命令行执行对代码进行编译

2022-06-19 19:41:47 135

原创 TS学习笔记三TS编译选项

​ 编译文件时,使用指令后,TS编译器会自动的监视文件的变化,并在文件变化时对文件执行重新编译示例一个命令编译所有文件在目录下使用 生成文件在生成后可以直接通过命令直接编译文件目录下的所有js文件 命令则可以通过监听的方式,在文件变化的时候对文件执行重新编译“include”用来指定哪些文件会被编译表示任意目录表示任意文件用来指定哪些文件/目录不被编译默认值: 加上选项指定的值“extends”定义被继承的配置文件上面的代码会自动包含目录下中所有的配置信息用来指定需要编译的文件列表(注

2022-06-19 19:41:11 533

原创 TS学习笔记二TS基本类型

​ 类型声明是TS非常重要的特点​ 通过类型声明可以指定TS中的变量的类型(参数,形参)的类型​ 指定类型后,当为变量赋值的时候,TS的编译器会自动检查值是否符合类型声明,如果符合则赋值,否则报错​ 类型声明给遍量设置了类型,使得变量只能存储某种类型的值自动类型判断​ TS拥有自动类型判断机制​ 当对变量的声明和赋值时同时进行的时候,TS编译器会自动判断变量的类型​ 所以当声明和赋值同时进行的时候,则可以省略掉变量的声明​ 有些情况下,类型对于我们来说是很明确的,但是对于TS编译器却不是很清楚,此时可以

2022-06-19 19:40:29 455

原创 TS学习笔记一Typescript概述

TypeScript(简称TS)是JavaScript的超集(即 js 有的 ts 都有)TypeScript=JavaScript+Type (为js添加了类型系统,但不仅仅是类型系统,还有)TS:JS:TypeScript是微软开发的开源编程语言,设计目标是开发大型的应用。可以在任何浏览器()、任何计算机、任何操作系统上使用typescript即用来解析的工具包,它提供了一个tsc命令,实现了TS向JS的转换TS编译成JS:得到......

2022-06-19 19:39:41 183

原创 Vue的性能优化相关

前端性能优化,vue性能优化

2022-06-19 19:37:35 544

原创 this绑定

`this`绑定共有5种场景,包括`默认绑定`、`隐式绑定`、`显式绑定`、`new绑定`、`箭头函数绑定`

2022-06-19 19:32:40 81

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除