面试官翻开你的简历时，已经在心里问出了这三个问题，而大多数人倒在了第二个。
作为面试过近200名前端工程师的技术负责人，我见过太多候选人带着漂亮的简历走进会议室——Vue/React全家桶倒背如流、项目经历写得满满当当、算法题刷了成百上千道。
可当我开始问**「为什么选择这个架构方案」、「如果让你重新设计这个组件会怎么做」、「这个技术决策背后的业务逻辑是什么」** 时，超过60% 的候选人都会出现短暂的沉默。
前端面试早已不是「背API就能过」的时代了。今天的面试官想看到的，是框架背后的设计思维、是业务场景下的技术决策逻辑、是代码之外的工程化素养。
这篇文章将彻底拆解前端面试中的核心八股文，但不止于标准答案——我会带你还原每一个技术问题背后的真实考察意图，并附上能让面试官眼前一亮的深度解析。
全文目录：
1.JavaScript面试题(323题)
2.CSS面试题(61题)
3.HTML面试题(57题)
4.React面试题(83题)
5.Vue面试题(80题)
5.算法面试题(19题)
7.计算机网络(71题)
8.Node.js面试题(27题)
9. TypeScript面试题(46题)
10.性能优化面试题(25题)
11.前端安全面试题(21题)
12.小程序面试题(9题)
13.ES6面试题(32题)
14.编程题(50题)
15.设计模式面试题(7题)
16.工程化面试题(34题)
先贴一下GitHub： https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material3
**一、**JavaScript（323题）
1.不会冒泡的事件有哪些?
2.mouseEnter 和 mouseOver 有什么区别?
3.MessageChannel 是什么，有什么使用场景?
4. async、await 实现原理
5.Proxy 能够监听到对象中的对象的引用吗?
6.如何让 var [a, b]= {a: 1,b:2}解构赋值成功?
7.下面代码会输出什么?
8.描述下列代码的执行结果
9.什么是作用域链?
10.bind、call、apply 有什么区别?如何实现-个bind?
**二、**CSS（61题）