2023年前端面试整理（持续更新中）

html/css

1、CSS有哪些选择器？优先级怎么样？

还有通用、分组、后代、子、相邻兄弟。优先级行内、ID、类、标签。如果是两个以上同类型选择器则后定义的会覆盖先定义的。

2、怎么理解高度坍缩？

使用了absolute/fixed或者float之后对于上下的元素来说当前元素不存在所在位置会被填充。可以通过对父元素使用overflow：hidden或者清楚浮动的技术来避免这个问题。

3、relative和absolute及应用场景？

relative相对与元素本身进行定位absolute相对于最近的父级定位元素进行定位。比如要调整一个容器某个图标的位置。对容器使用position：relative。对图标元素使用position:absoluteleft值/top值填写上。这是最常见的应用

4、说下盒模型？

包括content/padding/border/margin

js基础

1、怎么作父类继承？

在类名后面使用extend 父类名称 或者 在构造函数的显示原型上指向要继承的父类

2、谈谈对原型链的理解？

以一个普通对象为例如果这个普通对象有一个proto属性它执行其构造函数的prototype属性。它的构造函数就是Object.protoType。Object.prototype也是一个普通对象它的隐式原型指向null。当有个函数在普通对象被使用时首先在普通对象中找如果找不到则在其proto对应的对象上找一直找到null。

3、怎么理解this？

使用场景：1、全局作用域中this就是window属性。2、普通对象的方法中this指向当前对象。3、构造函数的方法里面this指向被实例化的对象。4、箭头函数里面this指向上级作用域的对象。5、call/apply/bind中this指向传入的对象

4、new 一个对象时发生了什么？

1、新建一个空对象。2、构造函数的this指向空对象并执行函数体。3、将空对象的proto属性指向构造函数的prototype属性。4、返回新对象

5、call/apply/bind有什么区别？

参数列表格式不一样一个是把参数放到第二个第三个一次类推。另一个是把所有参数放到一个数组里面。

6、什么叫做闭包？

变量的定义与使用不在用一个作用域的情况。有两种情况变量作为函数的参数时变量作为函数中定义在返回的函数中使用。

7、什么叫做作用域提升？

使用var定义的变量会把变量的声明放在第一行。

8、==和===有什么区别？

在与数字比较时==会把字符串类型的数字转换为数字在进行比较。===先比较类型如果一致在比较值。

9、NaN、undefined、null有什么区别？

undefined是未初始化的变量null指的没有指向的对象NaN预期返回数字类型却没有返回数字类型的情况。注意：用typeof判断null返回object用==判断undefined和null得到true。

10、什么是短路运算符？

用&符号连接的逻辑判断如果左边的逻辑判断返回false就不执行右边的逻辑判断了