好事多磨！6轮面试后终于拿到字节前端校招offer（内含6轮面经）(1)

最新推荐文章于 2024-04-28 15:24:12 发布

2401_84091321

最新推荐文章于 2024-04-28 15:24:12 发布

阅读量320

点赞数 5

分类专栏：程序员文章标签：面试前端职场和发展

本文链接：https://blog.csdn.net/2401_84091321/article/details/138073539

版权

程序员专栏收录该内容

302 篇文章 0 订阅

订阅专栏

文章内容涵盖了前端开发面试技巧、Vue组件开发、Webpack打包流程、JavaScript高级特性和网络知识等内容，还包括学习资源推荐，如《2024年Web前端开发全套学习资料》和HTML面试题分享。

摘要由CSDN通过智能技术生成

为什么padding-bottom是基于父元素的宽度而不是父元素的高度的？
Vue给你带来的好处是什么
什么是组件，干什么的
若封装一个组件，你会考虑什么？后面还讲了一个具体的组件封装例子，问我的思路
双向绑定、数据响应式的实现
一道函数柯里化
防抖、节流
给你1亿个数字，找出最大的前1K个，如何优化效率比较高
图的方法有哪些？（广度、深度）
一个迷宫，从任意一个起点，求到终点的最短距离
反问环节

二面（1h 北京）

自我介绍
webpack的打包流程
Webpack 的一些生命周期
平时看过什么书
http与https的区别，其实主要就是问https为何安全
浏览器缓存
apply、call、bind的区别，做了一道关于这个的题目
做了一道题，回答了一下输出的内容

function Foo() {

getName = function(){ alert(1); };

return this;

}

Foo.getName = function() { alert(2); };

Foo.prototype.getName = function(){ alert(3); };

var getName = function() { alert(4); };

function getName(){ alert(5); };

Foo.getName(); //

getName(); //

Foo().getName(); //

getName(); //

new (Foo.getName)(); //

(new Foo()).getName(); //

然后改动了一个地方，继续问我输出结果是什么

function Foo() {

// 这里加了一个this

this.getName = function(){ alert(1); };

return this;

}

Foo.getName = function() { alert(2); };

Foo.prototype.getName = function(){ alert(3); };

var getName = function() { alert(4); };

function getName(){ alert(5); };

Foo.getName(); //

getName(); //

Foo().getName(); //

getName(); //

new (Foo.getName)(); //

(new Foo()).getName(); //

给一个二叉树和一个值，问是否有一条路径上的值相加等于该值的，有就返回true，没有就返回false
反问环节

三面（55min 北京）

为何选择前端，以及之后的职业规划
在学校如何学习前端的
按时间线来讲一下做的所有项目（每讲到一个项目时，都会对这个项目问我几个小问题）注：这个环节经过了很久很久很久很久
手写Ajax
手写深拷贝
写了个合并单链表
反问环节

hr面（1h 北京）

自我介绍
问了我一些校园经历相关的简单问题
介绍一下你自己做的最有成就感的项目，讲讲初衷、心得（惊了！hr竟然问我项目）
兴趣爱好
在校的学习状态
何时到岗
反问环节

leader面（54min 杭州）

自我介绍
python如何下载文件（？？？惊了，我就考了个python二级证书，竟然问我python）
做过一段时间的爬虫？前端如何做反爬（我错了！！我以后再也不在简历上写python了）
项目中遇到的难点以及解决方案
反转链表
反问环节

leader面（1h 上海）

自我介绍
讲解了一下TCP的各种知识（拥塞控制、重发控制、流控制、滑动窗口控制）注：leader看我前面面了那么多次了，就简单问些网络的问题了
UDP和TCP的区别
以现在的网络带宽，你觉得网络直播、视频等业务能用TCP来代替UDP吗？为什么？
git相关的命令（问的详细的主要就是合并分支：merge、rebase等）
你觉得你的优势是什么？你的劣势是什么？
你是非科班的学生，你觉得你相对于科班学生的优势是什么？你如何弥补相对于他们的不足？
以后的职业规划、人生规划
简单考了道算法题：蛇形打印
反问环节

hr面（30min 上海）

自我介绍
学习经历
你的优势和劣势分别是什么？
现在人在哪？多久能到岗？
反问环节（心里默默地想：卧槽？？？这才30分钟不到啊，就结束了）

总结

说真的，在年前扩招我只投了字节一个大厂，流程真的快得没话说，但是过程我真的…无话可说。

很感谢自己在初学前端的时候，养成了写博客总结的习惯，这让我对前端很多知识都有很深的印象，而且面试中也是非常加分

不过在入职后，感觉自己的前端之路才刚开始，这里分享几张我入职后的图片：

前一天晚上公司楼下踩点

入职电脑

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。

讲义、实战项目、讲解视频，并且会持续更新！**

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

[外链图片转存中…(img-JebrqxyQ-1713764991553)]

最后

给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。

[外链图片转存中…(img-N4pI9rA2-1713764991554)]
[外链图片转存中…(img-8PVD4Qr7-1713764991554)]