为了圆大厂梦，一年半前端人的求职路

3、海康(一面20mins挂)

一面二十多分钟，然后给我挂了

4、端点(offer)

一面电话，二面现场，三面HR电话。技术栈react，前端七八十人左右，给的薪资也还行，听说那边90%是3个月年终，本来是要去的，后面有了有赞的offer

5、有赞(offer)

前后大概一周，年前最后一个工作日收到offer，自己提了离职

6、字节跳动（一面1h20mins挂）

年前拿了有赞的offer，准备去了。可惜的时候没有面过大厂。快到离职日期的时候，朋友帮我内推了一下字节，带着试一试的心态，距离上一次面试已经一个月了，简单准备了一下。一面1h20min，个人感觉没有想象的那么难，编程题没做好，是自己的问题，再加油吧💪🏻。

整理总结了下前端面试的问题和答案，希望自己绵薄之力能帮助到大家，在金三银四之际，找到一份称心如意的工作。

HTML

---

1.你是怎么理解HTML语义化

2.你用过哪些HTML5标签

3.metaviewport是做什么用的，怎么写？

4.H5是什么

5.label标签的作用

6.行内元素有哪些？块级元素有哪些？空(void)元素有那些？

7.a标签中如何禁用href跳转页面或定位链接

8.canvas在标签上设置宽高和在style中设置宽高有什么区别

9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

10.iframe有哪些缺点？

11.HTML5新特性

12.HTML5离线储存

13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？

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

15.HTML与XHTML——二者有什么区别

CSS

---

1.页面渲染时，dom元素所采用的布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为：

2.几种获得宽高的方式

3.边距重叠解决方案(BFC)BFC原理

4.拓展各种获得宽高的方式

5.边距重叠解决方案（BFC）BFC原理

6.css reset和normalize有什么区别

7.居中方法

8.介绍一下CSS的盒子模型

9.CSS选择符有哪些？

10.CSS3新增伪类有哪些

11.什么是cssHACK？

12.Less/Sass/Scss的区别

13请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？

JavaScript

---

1.请你谈谈Cookie的优缺点

2.Array.prototype.slice.call(arr，2)方法的作用是

3.以下代码执行后，控制台的输出是

4.简单说一下浏览器本地存储是怎样的

5.原型/构造函数/实例

6.原型链

7.执行上下文(EC）

8.变量对象

9.作用域链

10.闭包

11.对象的拷贝

12.new运算符的执行过程

13.instanceof原理

14.代码的复用

浏览器

---

1.跨标签页通讯

2.浏览器架构

3.浏览器下事件循环(EventLoop)

4.从输入url到展示的过程

5.重绘与回流

6.存储

7.WebWorker

8.V8垃圾回收机制

9.内存泄露

10.reflow(回流)和repaint(重绘)优化

服务端与网络

---

1.http/https协议

2.常见状态码

3.get/post

4.Websocket

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

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

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

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

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

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

完整版面试题资料免费分享，只需你点赞支持，动动手指点击此处就可免费领取了。

前端实习面试的套路

---

回顾项目

往往在面试时，面试官根据你简历中的项目由点及面地展开问答，所以请对你做过的最好的项目进行回顾和反思。回顾你做过的工作和项目中最复杂的部分，反思你是如何完成这个最复杂的部分的。

面试官会重点问你最复杂的部分的实现方法和如何优化。重点要思考如何优化，即使你项目中没有对那部分进行优化，你也应该预先思考有什么优化的方案。如果这部分答好了，会给面试官留下很不错的印象。

重点在于基础知识

这里指的基础知识包括：前端基础知识和学科基础知识。

前端基础知识：html/css/js 的核心知识，其中 js 的核心知识尤为重要。比如执行上下文、变量对象/活动对象（VO/AO）、作用域链、this 指向、原型链等。

学科基础知识：数据结构、计算机网络、算法等知识。你可能会想前端不需要算法，那你可能就错了，在大公司面试，面试官同样会看重学生这些学科基础知识。
你可能发现了我没有提到React/Vue这些框架的知识，这里得说一说，大公司不会过度的关注这方面框架的知识，他们往往更加考察学生的基础。
这里我的建议是，如果你至少使用或掌握其中一门框架，那是最好的，可以去刷刷相关框架的面试题，这样在面试过程中即使被问到了，也可以回答个 7788。如果你没有使用过框架，那也不需要太担心，把重点放在基础知识和学科基础知识之上，有其余精力的话可以去看看主流框架的核心思想。

等知识。你可能会想前端不需要算法，那你可能就错了，在大公司面试，面试官同样会看重学生这些学科基础知识。
你可能发现了我没有提到React/Vue这些框架的知识，这里得说一说，大公司不会过度的关注这方面框架的知识，他们往往更加考察学生的基础。
这里我的建议是，如果你至少使用或掌握其中一门框架，那是最好的，可以去刷刷相关框架的面试题，这样在面试过程中即使被问到了，也可以回答个 7788。如果你没有使用过框架，那也不需要太担心，把重点放在基础知识和学科基础知识之上，有其余精力的话可以去看看主流框架的核心思想。