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就不执行右边的逻辑判断了


相关文章
|
21天前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
45 5
|
3月前
|
设计模式 前端开发 算法
No210.精选前端面试题,享受每天的挑战和学习
No210.精选前端面试题,享受每天的挑战和学习
No210.精选前端面试题,享受每天的挑战和学习
|
3月前
|
消息中间件 缓存 前端开发
No209.精选前端面试题,享受每天的挑战和学习
No209.精选前端面试题,享受每天的挑战和学习
No209.精选前端面试题,享受每天的挑战和学习
|
3月前
|
前端开发 JavaScript Java
No208.精选前端面试题,享受每天的挑战和学习
No208.精选前端面试题,享受每天的挑战和学习
No208.精选前端面试题,享受每天的挑战和学习
|
3月前
|
存储 缓存 前端开发
No198.精选前端面试题,享受每天的挑战和学习
No198.精选前端面试题,享受每天的挑战和学习
|
3月前
|
前端开发 JavaScript API
No196.精选前端面试题,享受每天的挑战和学习
No196.精选前端面试题,享受每天的挑战和学习
|
3月前
|
存储 JSON 前端开发
No206.精选前端面试题,享受每天的挑战和学习
No206.精选前端面试题,享受每天的挑战和学习
No206.精选前端面试题,享受每天的挑战和学习
|
1月前
|
存储 缓存 监控
2024年春招小红书前端实习面试题分享
春招已经拉开帷幕啦! 春招的拉开,意味着新一轮的求职大战已经打响,希望每位求职者都能充分准备,以最佳的状态迎接挑战,找到心仪的工作,开启职业生涯的新篇章。祝愿每位求职者都能收获满满,前程似锦!
75 3
|
1月前
|
前端开发 数据可视化 安全
2024金三银四必看前端面试题!简答版精品!
2024金三银四必看前端面试题!2w字精品!简答版 金三银四黄金期来了 想要跳槽的小伙伴快来看啊
85 3
|
2月前
|
存储 前端开发 JavaScript
前端面试:如何实现并发请求数量控制?
前端面试:如何实现并发请求数量控制?
84 0