2023年前端面试整理(持续更新中)

简介: 2023年前端面试整理(持续更新中)

html/css


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


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


2、怎么理解高度坍缩?


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



3、relative和absolute及应用场景?


relative相对与元素本身进行定位,absolute相对于最近的父级定位元素进行定位。比如要调整一个容器某个图标的位置。对容器使用position:relative。对图标元素使用position:absolute,left值/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就不执行右边的逻辑判断了


相关文章
|
6天前
|
存储 缓存 前端开发
100道 IT名企前端面试真题,Web前端阿里等大厂面试题汇总
100道 IT名企前端面试真题,Web前端阿里等大厂面试题汇总
|
6天前
|
移动开发 前端开发 JavaScript
【前端面试】前端面试题300道~~熬夜吐血整理,2024年最新大厂面试经验分享稿
【前端面试】前端面试题300道~~熬夜吐血整理,2024年最新大厂面试经验分享稿
|
6天前
|
前端开发 JavaScript
【前端面试】this的指向_不爱吃糖的程序媛夏天,web前端面试项目中的问题包括
【前端面试】this的指向_不爱吃糖的程序媛夏天,web前端面试项目中的问题包括
|
6天前
|
前端开发 JavaScript 中间件
Vue3整合VxeTable,2024大厂前端面试
Vue3整合VxeTable,2024大厂前端面试
|
6天前
|
前端开发 JavaScript
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
|
6天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
10款精美的web前端源码的特效,2024年最新面试题+笔记+项目实战
|
6天前
|
移动开发 前端开发 JavaScript
10款精美的web前端源码的特效(1),头条前端面试节奏
10款精美的web前端源码的特效(1),头条前端面试节奏
|
6天前
|
JavaScript 前端开发 算法
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
JQuery 基本使用,2024BAT大厂Web前端社招面试题
|
6天前
|
移动开发 前端开发 JavaScript
Java和web前端,IT新人该如何选择?,2024年最新Web前端内存优化面试
Java和web前端,IT新人该如何选择?,2024年最新Web前端内存优化面试
|
6天前
|
前端开发 JavaScript
JavaScript:this-关键字,2024中级前端开发面试解答
JavaScript:this-关键字,2024中级前端开发面试解答