面试题

伪类与伪元素

伪类，更多的定义的是状态。常见的伪类有 :link、:visited、 :hover、 :active、 :not、:first-child、:last-child、:required、:valid、:invalid等等。

伪元素，不存在于DOM树中的虚拟元素，它可以像正常的html元素一样定义css，但无法使用JavaScript获取。常见伪元素有 ::after、::before、::first-letter、::first-line等等。（只能用来表示块级元素）

移动端如何适配不同屏幕尺寸

使用响应式布局。通过CSS?媒体查询和弹性布局来调整页面布局和元素大小，可以使用百分比(%)、em或rem单位来实现元素的相对大小。

vue2.0和3.0有什么区别

TypeScript支持

组合式API

组件按需加载引入

v-for为什么要加一个key

vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM

操作数组的方式有哪些

1.1 push (将指定的元素添加到数组的末尾，并返回新的数组长度)

1.2 pop (从数组中删除最后一个元素，并返回该元素的值)

1.3 shift (从数组中删除第一个元素，并返回该元素的值)

1.4 unshift (向数组首位添加一个或多个元素，并返回新的数组长度)

1.5 concat (合并多个数组或值，返回一个新的数组)

1.6 slice (截取数组的一部分，返回一个新的数组)

1.7 splice (删除、替换或添加数组的元素，并返回被删除的元素)

1.8 filter (过滤数组中的元素，返回一个新的数组)

1.9 map (对数组中的每个元素进行操作，返回一个新的数组)

1.10 sort (对数组进行排序)

1.11 reverse (翻转数组中的元素)

1.12 indexOf (查找数组中指定元素的索引)

1.13 find (查找数组中符合条件的第一个元素)

1.14 findIndex (查找数组中符合条件的第一个元素的索引)

1.15 includes (判断一个数组是否包含一个指定的值)

1.16 every (判断数组内的所有元素是否都能通过指定函数的测试)

1.17 some(判断数组中是否至少有一个元素通过了指定函数的测试)

1.18 join (将一个数组的所有元素连接成一个字符串并返回这个字符串)

1.19 reduce (计算数组所有元素的总和)

1.20 forEach(数组循环遍历)

判断一个变量是否是数组，有哪些方法

1、isArray 方法

2、对象原型

3、instanceof

判断一个变量是否是对象，有哪些方法

instanceof

创建一个空数组、空对象有哪些方法 空对象

1.通过字面量： {} 2.通过Object new Object() 3.通过函数 function a() { this.b = 2 }

let c = new a() 4.通过Object.create

Object.create()

空数组

1.通过字面量：[] 2.通过Array new Array() 3.通过Object.create Object.create(Array.prototype)

如何改变一个函数a的上下文

1、call 2、bind 3、apply

flex：1包含哪三种属性

flex: 1 是一个简写的 CSS 声明，它包含三个属性：flex-grow、flex-shrink 和 flex-basis。它们分别代表：

flex-grow：定义项目的放大比例，默认为0，即如果存在剩余空间，也不会放大。

flex-shrink：定义项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。

flex-basis：定义了在分配多余空间之前，项目占据的主轴空间（main size），默认值为auto，即项目的本来大小。

简写为 flex: 1 实际上相当于 flex: 1 1 auto。

例如，在一个 flex 容器中，如果你想让一个子元素占据剩余空间的全部，你可以这样设置：