Web前端最新2024年面试前端初中级岗位需要注意什么？（面试官角度分享）(1)，web前端面试自我介绍

基础面试题

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

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

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

5.TCP三次握手

6.TCP四次挥手

7.Node的EventLoop:6个阶段

8.URL概述

9.安全

10.HTTPS和HTTP的区别

自学几个月前端，为什么感觉什么都没学到？？

---

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

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

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。