幻冬狐

在TS中通常使用interface来对对象进行类型标注，通常的使用是用接口来定义一个类型结构，然后用这个结构来标注对象。比如： 对象里的属性必须和接口的类型一一对应，不能有多的属性，也不能有少的属性。

TypeScript声明类型的方式有两种 两种书写的方式是完全等价的，但通常是以第一种为主，如果把鼠标悬停在arr2上，会发现它的类型签名是string[]。有的时候用元组代替数组更加妥当。当一个数组

使文字不换行 white-space:nowrap; 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap

Flex布局是针对页面的水平垂直轴进行布局，只能指定子元素针对轴的位置，是一维布局。Grid布局是将页面分成行和列，然后指定子元素所在的单元格，是二维布局。 注意： grid布局只对子元素生效。 定义

注意： 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 当一个父元素设置为flex布局之后，这个父元素默认有两根轴，水平方向的为主轴（ma

利用定位+margin:auto 如果没有给子元素设置宽高，那么子元素的宽高将会和父元素一致。 使用该种方式其实是子元素的margin占满了父盒子剩余的部分。 利用定位+margin:负值 利用定位+

三栏布局一般指的是页面中一共有三栏，左右两栏宽度固定，中间自适应的布局， 三栏布局的具体实现： 利用绝对定位，左右两栏设置为绝对定位，中间设置对应方向大小的margin的值。 利用flex布局，左右两

一般两栏布局指的是左边一栏宽度固定，右边一栏宽度自适应， 两栏布局的具体实现： 利用浮动，将左边元素宽度设置为200px，并且设置向左浮动。将右边元素的margin-left设置为200px，宽度设置

对this的理解 this指向最后一次调用这个方法的对象。 this，可以通过四种模式来判断： 函数调用模式：当一个函数不是对象属性，直接作为函数调用时，this指向全局。 方法调用模式：如果一个函数