跪在一面：回答字节跳动前端面试8道题，就像跟坐过山车样刺激！

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

自我介绍

---

关于自我介绍方面，可以说我真的没什么可以多介绍的。相信很多的前端开发的小伙伴都跟我有同样的感受吧！毕竟，在公司工作的大部分时间都交给了重复的需求上，别说你没有！除非你的工作真的不饱和！哈哈。。。但是呢，自我介绍真的不可以轻易的放过，因为他可能是你打开面试官兴趣的钥匙。如果你介绍的好，你可以一步步的引导面试官问一些你熟悉了解的知识，可以不被面试官牵着鼻子走！但是，我真的没有很优秀的可以说的出口的东西啊！这是真的硬伤，所以，还是奉劝各位小伙伴，在业余的生活中，还是要做一些自己感兴趣，算了！可能你也真的不感兴趣！一定要做一些你不了解的但是对前端又非常的重要的知识，尝试着去实现一下！例如，本人就不是很熟悉Node方面的知识，平时的开发中也不常用，如果你真的有特别出色的开源项目，一定要介绍出来，会引起面试官很大的兴趣！跑题了哈

字节面试题

第一道题：说一下你在项目中遇到的比较有挑战性的工作？

这是一道比较开放性的问题！完全靠面试者自己在平时的开发中自我总结！我觉得，面试官真正想要了解的，是你在开发中，遇到棘手问题，如何解决，还有就像是上面说到的，有没有做一些自己平时工作中可能没有使用，但是作为前端开发必须要掌握的知识。这个就因人而异了，多多总结，多多吸取教学，这都是以后进入大厂的铺路石。

第二道题：关于flex布局，如何实现垂直居中？

我相信，但凡有准备面试的小伙伴，都会在各个文章、博客中看到过，实现垂直居中的1001中办法，面试官想要考察的，绝不仅仅是你能说出flex的垂直居中，你需要掌握的是全部的flex布局的知识，因为，flex布局的出现，极大的减轻的开发页面的负担，简介、轻量化、语义化！你真的完全掌握了吗？还不去翻阮一峰的博客？

第三道题：关于浏览器，从URL输入，到页面的完全展现，都经历了什么？

这题，你也看过，但是你能完完整整的描述出来吗？我觉得，你应该再从脑子里面过一遍，不要留下任何的知识点，因为这里面能问到的知识，真的太多了！DNS解析，http请求，关于缓存，HTML树，页面渲染，回流、重绘。你都完全的掌握了吗？去翻博客吧！

第四道题：关于页面的加载，css的解析会影响js的执行吗？css加载会影响吗？

这题，如果你完整的读过Javascript高级程序设计，你一定知道关于async和deffer的区别！别说你这也不知道，如果你真的不知道，那就去翻吧！

第五道题：关于promise的执行顺序？

都知道，promise是异步执行，但是，你知道为什么promise能实现异步执行吗？then方法的参数的意义是什么？我一时的大脑一片空白，明明每天都在调用接口，使用promise。也每天都在使用then方法，那是，我就是说不出来！不要像我一样，因为我掌握的可能真的不彻底，所以很快就暴漏出来了，还没等问到你promise实现的原理呢！

第六道题：输入框输入，请求后台接口，第一个接口返回的信息可能比较慢，到第二次调用后信息已经返回了，前一条数据才出来，如何避免页面被第一个接口返回的信息覆盖？

我当时的回答是，给后端发送字段，然后判断返回的字段的先后顺序，比如A接口参数传1，再次调用时传2…

面试官不太满意，因为如果页面大量的get请求，很不方便，还要传参！如何解决呢？我当时没有好的方法，你有吗？

（面试官：可以在axiox response拦截，比对我我们发送的参数，进行比较，然后筛选出后输入值返回的数据）

第七道题：多维输入，如何判断数组的最深层有多少层？例如：[1,3,3[4,6,7,[5,6,7,43,[23,4]]]],返回4！

第一种：递归，但是，是不是杀鸡用牛刀？

第二种：数组转化为字符串，然后查处多少个‘[’活着‘]’是不是更方便呢？

第八道题：http和https的区别是什么？

都知道https更安全，他是如何实现的比http更安全的呢？在哪里用到了对称加密？哪里用到了非对称加密？

面试总结

---

面试挂掉如何调整心态

面试挂掉有这么几种可能：

1、对方发现你不适合他们：比如对方想招一个带团队的，而你是做技术。遇到这种情况不要沮丧，这不是你的问题。我因为这个拒面的占50%（包括对方拒绝我，和我拒面对方）

2、Head Count 有限，他们选择了其他的人：遇到这种情况也不要沮丧，毕竟人外有人，而他们 Head Count 可能只有一个。如果你面试前能够和HR或工程师直接接触，也可以问问他们有多少 Head Count

3、真的是凭实力挂掉了：这个确实可以稍晚沮丧下，然后痛定思痛，反思反思自己是不是哪里需要查漏补缺，或是表达方法哪里有什么问题。

面试题归类

我结束面试后，把面试题分几大类总结出来整理成一份PDF文档，方便查找和学习，每道题下面都有详细的解析，需要前端字节跳动真题解析的小伙伴们直接点击这里领取

HTML

1. HTML5 有哪些新特性？

2. Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

3. 如何实现浏览器内多个标签页之间的通信？

4. ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

5. 简述⼀下src与href的区别？

CSS

1. 请你讲一讲 CSS 的权重和优先级

2. 介绍 Flex 布局，flex 是什么属性的缩写：

3. CSS 怎么画一个大小为父元素宽度一半的正方形？

4. CSS实现自适应正方形、等宽高比矩形

5. 实现两栏布局的方式

6. 实现三列布局的方式

7. CSS 动画有哪些？

JavaScript 基础

1. 问：0.1 + 0.2 === 0.3 嘛？为什么？

2. JS 数据类型

3. JS 整数是怎么表示的？

4. Number() 的存储空间是多大？如果后台发送了一个超过最大自己的数字怎么办

5. 写代码：实现函数能够深度克隆基本类型

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-tcgfBCLq-1713098297118)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！