2024年面试前端初中级岗位需要注意什么？（面试官角度分享）

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

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

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

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

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

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

正文

5、尽量确定提问内容后再答，不要抢答，因为很可能提问只说了前半段。

6、不会的东西，保持诚实，说不会就 ok 了。甚至不会的可以描述思路去推导出一个答案，这个答案对或不会完全没关系，重要的是看到了思路，也就看到了知识面和知识体系构成，还能看到一部分经验总结带来的推导，就很够了。反例是，不会也强答说泛话和空话，这种回答真的很明显能看出来还是不会+没思路那种…… 听回答的人，真的很尴尬的……

做为一名前端开发者，接下来我想分享一下我偶然在GitHub上看到的一份《2020前端大厂面试题最全汇总》，已经标星8.5k了，看了一下，内容确实还不错，希望能帮到金三银四找工作的朋友。

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

最后

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

祝大家都能收获大厂offer~

篇幅有限，仅展示部分内容

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

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

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

，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

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

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