2024年这么优秀的实习生估计都得抢- 一个大三前端的四轮字节面经(1)，前端程序员春招三面蚂蚁金服

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

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

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

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

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

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

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

• JS 数据类型

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

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

7. 你了解哪些请求方法，分别有哪些作用和不同

8. 你觉得typescript和javascript有什么区别

9. typescript你都用过哪些类型

10. typescript中type和interface的区别

11. react怎么优化

12. 算法题：合并乱序区间

❝

笔者在回答http头部的时候，顺带跟面试官聊到了浏览器缓存，回答跨域的时候，面试官又 让我用jsonp实现一下跨域，回答webpack的时候提到了happypack和treeshaking，面试官就 顺带问了一下他们的作用

❞

算法题我当时没有写出来（主要是因为菜），二面大概40多分钟结 束，面试完后面试官说稍后hr会联系我，让我注意保持通信，还没过一小时，hr打电话约我 第三次面试时间，不得不说，字节的效率真的高

三面

–

1. 你了解node多进程吗

2. node进程中怎么通信

3. node可以开启多线程吗

4. 算法题：老师分饼干，每个孩子只能得到一块饼干，但每个孩子想要的饼干大小不尽相同。

5. 目标是尽量让更多的孩子满意。如孩子的要求是 1, 3, 5, 4, 2，饼干是1, 1，

6. 最多能让1个孩子满足。如孩子的要求是 10, 9, 8, 7, 6，饼干是7, 6, 5，最多能

7. 让2个孩子满足。

8. 算法题：给定一个正整数数列a, 对于其每个区间, 我们都可以计算一个X值;

9. X值的定义如下: 对于任意区间, 其X值等于区间内最小的那个数乘上区间内所有数和;

10. 现在需要你找出数列a的所有区间中, X值最大的那个区间;

11. 如数列a为: 3 1 6 4 5 2; 则X值最大的区间为6, 4, 5, X = 4 * (6+4+5) = 60;

三面大概是1小时，面试官比较冷漠，就问你知道不知道，算法思路，然后实现这个算法， 面试完感觉凉凉，但是第二天就收到hr到来的电话，约下一轮的面试时间。

四面

–

1. 算法题：两个有序链表和并成一个有序链表

2. https与http有什么区别(一面刚好也被问到)

3. cookie有哪些属性

4. cookie,session,localstorage,sessionstorage有什么区别

5. 怎么禁止js访问cookie

6. position有哪些属性

7. 你知道哪些状态码

8. options请求方法有什么用

9. less,sass它们的作用是什么

10. 平时怎么学习

11. 你什么时候可以来实现

12. 能实习多久

四面算是比较简单的一次面试，面完后第二天晚上hr打来了电话，约与hr面的时间

hr面

---

1. 你什么时候接触前端的

2. 平时怎么学习

3. 对未来的规划是什么

4. 你对哪个项目印象深刻，说一下项目的难点

5. 你对我们公司有什么了解

6. 能实习多久 等等

hr面主要聊一聊人生理想，未来规划啥的，大概半小时的时间

❝

四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。。大概就说这些了，写代码去了~ 祝大家都能收获大厂offer~

❞

原文：https://juejin.im/post/6844904088337907720

最后

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

• 技术要深入到什么程度？

• 做久了技术总要转型管理？

• 我能做什么，我想做什么？

• 一技之长，就是深耕你的专业技能，你的专业技术。（重点）

• 独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）

• 拥有事业，选择一份使命，带领团队实现它。（创业）

一技之长分五个层次

• 栈内技术 - 是指你的前端专业领域技术

• 栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识

• 工程经验 - 是建设专业技术体系的“解决方案”

• 带人做事 - 是对团队协作能力的要求

• 业界发声 - 工作经验总结对外分享，与他人交流

永远不要放弃一技之长，它值得你长期信仰持有。

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

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。