2024年最新2024前端面试经常被问到的题(附答案)_前端面试题，阿里P8前端架构师谈

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

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

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

• 三、javascript
• • 1. Symbol
    • 2.dom常用的操作
    • 3.Promise
    • 4. this
    • 5. new
    • 4.手写各种原生方法
    • 5.单线程异步
    • 6. 获取元素节点
    • 7.判断一个对象是Array类型
    • 8、事件循环
    • 9.Set 和Map
    • 10、proxy
    • 11、 Promise/async/Generator
    • 12.继承
    • 13.一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
    • 14.闭包
    • 15.函数柯里化
    • 16、 for…in和for…of区别
    • 17、数组去重
• 四、http
• • 1、post 和get 的区别
    • 2、http的基本知识
    • 3、跨越
    • 4、Cookies 与 Session，SessionStore，LocalStore的区别及使用
    • 5.从一个url到最终页面渲染完成，发生了什么？
    • 6、css 和csrf
    • 7、Websocket
    • 8、前端的网络请求方式
    • 9、谈谈HTTP协议中的短轮询、长轮询、长连接和短连接
    • 10.缓存
    • 11、TCP的拥塞控制
    • 12、
• 五、vue
• • 1. vue 的生命周期
    • 2、vue双向绑定原理
• 六、react
• 五、其他
• • 1.讨论canvas与svg的区别
    • 2.MVVM
    • 3.相对路径与绝对路径的写法
    • 4.框架
    • 5.线程进程
    • 6.ajax
    • 7.前后端分离
    • 8.单页面多页面的应用
    • 9.Git基本操作
    • 10.mock
    • 11.二叉树
    • 12.前端模块化
    • 13.webpack,grunt,grup
    • 14、virtuldom
    • 15、重新认识 package.json
    • 16、算法二叉树的深度遍历与广度遍历

一、html5

1、html常见面试题

常见面试题

2、艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文

艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文

3.前端 100 问：能搞懂 80% 的请把简历给我

前端 100 问：能搞懂 80% 的请把简历给我

4、前端优化

前端性能优化

二、css

1.CSS 基础面试题（附答案）

50道 CSS 基础面试题（附答案）
CSS经典面试题

2.如何居中div？

CSS水平居中+垂直居中+水平/垂直居中的方法总结

3. CSS3新特性

深入了解 CSS3 新特性

4.清除浮动

清除浮动的四种方式及其原理理解

5.media媒体查询

深入浅出篇 — media媒体查询 - 响应式开发必备

6.讲一讲Flex布局，以及常用的属性？

一劳永逸的搞定 flex 布局

7.BFC

?

8.px rem em vh vw之间的区别到底是啥？

px rem em vh vw之间的区别

9.0.5px的线

怎么画一条0.5px的边（更新）

10.12px以下的字体

Chrome的最小字体12px限制最终解决办法

三、javascript

1. Symbol

ES6的Symbol竟然那么强大，面试中的加分点啊

2.dom常用的操作

JavaScript操作DOM常用的API

3.Promise

面试精选之Promise
八段代码彻底掌握 Promise
最简实现Promise，支持异步链式调用（20行）

4. this

this、apply、call、bind

5. new

重学 JS 系列：聊聊 new 操作符
完全搞懂js 中的new()到底做了什么?

4.手写各种原生方法

手写各种原生方法
完全搞懂js 中的new()到底做了什么?

5.单线程异步

简述JS单线程异步实现原理
15分钟读懂进程线程、同步异步、阻塞非阻塞、并发并行
http://www.ruanyifeng.com/blog/2014/10/event-loop.html

6. 获取元素节点

原生 JS 获取节点方法总结

7.判断一个对象是Array类型

怎么判断一个js对象是不是Array类型？

8、事件循环

前端中的事件循环eventloop机制
关于EventLoop的学习

9.Set 和Map

ES6的Set和Map数据结构，由你制造

10、proxy

面试官: 实现双向绑定Proxy比defineproperty优劣如何?
【前端词典】如何向老板解释反向代理
ES6黑科技实践–proxy,reflect

11、 Promise/async/Generator

9k字 | Promise/async/Generator实现原理解析

12.继承

前端必知必会ES5、ES6的7种继承

13.一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧

一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧

14.闭包

闭包
javascript 近乎神话般的概念：闭包

15.函数柯里化

柯里化

16、 for…in和for…of区别

for in 和 for of的区别详解
#typeof和instanceof原理# 17.typeof

17、数组去重

添加链接描述

四、http

1、post 和get 的区别

你敢在post和get上刁难我，就别怪我装逼了

2、http的基本知识

面试 – 网络 HTTP
（建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系

3、跨越

10种跨域解决方案（附终极大招）

4、Cookies 与 Session，SessionStore，LocalStore的区别及使用

前端面试题必考（五）- Cookies 与 Session，SessionStore，LocalStore的区别及使用 / H5事件通知机制
https://juejin.im/post/5dc2415e6fb9a04a5d586590#comment
cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式

5.从一个url到最终页面渲染完成，发生了什么？

跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。

也许是互联网未来10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

面试准备

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

面试准备根据每个人掌握的知识不同，准备的时间也不一样。现在对于前端岗位，以前也许不是很重视算法这块，但是现在很多公司也都会考。建议大家平时有空的时候多刷刷leetcode。算法的准备时间比较长，是一个长期的过程。需要在掌握了大部分前端基础知识的情况下，再有针对性的去复习算法。面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。