2024年最全（立下flag）每日10道前端面试题-22 关于 字节一面，2024年最新前端面试事件流

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 应用场景2：使用Symbol来替代常量

• 应用场景3：使用Symbol定义类的私有属性/方法

详细的请看10 .理解和使用ES6中的Symbol

4.箭头函数和普通的函数有什么不同，如何判断一个函数是普通函数还是箭头函数？this的指向问题

---

箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，有以下几点差异：

1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。

2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

3、不可以使用 yield 命令，因此箭头函数不能用作 Generator 函数。

4、不可以使用 new 命令，因为：

没有自己的 this，无法调用 call，apply。

没有 prototype 属性 ，而 new 命令在执行时需要将构造函数的 prototype 赋值给新的对象的 __proto__

new 过程大致是这样的：

function newFunc(father, …rest) {

var result = {};

result.proto = father.prototype;

var result2 = father.apply(result, rest);

if (

(typeof result2 === ‘object’ || typeof result2 === ‘function’) &&

result2 !== null

) {

return result2;

}

return result;

}

5.圣杯布局，有几种办法，不用float的方式有那种？（顺便给我补充了flex的一些其他知识点）

---

【参考：】

6.positon中relative fixed absolute区别

---

static

默认值，没有定位，元素出现在正常的流中，即忽略 top, bottom, left, right 或者 z-index 声明

absolute

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

特征：脱离正常流

fixed

生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

特征：脱离正常流

relative

生成相对定位的元素，相对于其正常位置进行定位。

因此，“left: 20” 会向元素的 left 位置添加 20 像素。

特征：不会脱离正常流

absolute与fixed

absolute与relative

7.promise的实现，一个有prosmise 有两个then 有一个settimeout 以及普通console.log的打印顺序

---

我曾经写过一篇，请过目一步一步实现自己的Promise

8.会如何实现提案中的flat函数（参数为几就拆解几层数组）

---

详细请阅读8. 数组扁平化

// reduce + 递归

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-txJ0Q3eQ-1715691253606)]

[外链图片转存中…(img-S0gvAc8J-1715691253607)]