本清单总结了前端面试中的高频考点，涵盖 JavaScript、框架原理、浏览器机制、工程化及性能优化等核心领域。它由多个经典模块构成，像积木一样，能拼出绝大多数大厂面试的轮廓。
一、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 题）
- 1.css 中的 animation、transition、transform 有什么区别？
- 2.怎么做移动端的样式适配？
- 3.相邻的两个 inline-block 节点为什么会出现间隔，该如何解决？
- 4.grid 网格布局是什么？
- 5.CSS3 新增了哪些特性？
- 6.怎么使用 CSS3 实现动画？
- 7.怎么理解回流跟重绘？什么场景下会触发？
- 8.什么是响应式设计？响应式设计的吗？基本原理是什么？如何进行实现？
- 9.如果使用 CSS 提高页面性能？
- 10.如何实现单行/多行文本溢出的省略样式？
三、HTML（57 题）
- 1.什么是 DOM 和 BOM？
- 2.简单描述从输入网址到页面显示的过程
- 3.一台设备的 dpr，是否是可变的？
- 4.前端该如何选择图片的格式？
- 5.前端跨页面通信，你知道哪些方法？
- 6.说说你对 Dom 树的理解
- 7.行内元素有哪些？块级元素有哪些？空 (void) 元素有那些？
- 8.html 和 css 中的图片加载与渲染规则是什么样的？
- 9.title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？
- 10.script 标签为什么建议放在 body 标签的底部 (defer、async)
四、React（83 题）
- 1.下面代码中，点击'+3"按钮后，age 的值是什么？
- 2.React Portals 有什么用？
- 3.react 和 react-dom 是什么关系？
- 4.React 中为什么不直接使用 requestIdleCallback？
- 5.为什么 react 需要 fiber 架构，而 Vue 却不需要？
- 6.子组件是一个 Portal，发生点击事件能冒泡到父组件吗？
- 8.说说 React render 方法的原理？在什么时候会被触发？
- 9.说说 React 事件和原生事件的执行顺序
- 10.说说对受控组件和非受控组件的理解，以及应用场景？
