前端面试题(持续更新)

什么是语义化 HTML？

语义化 HTML 是使用正确的 HTML 标签来增强网页结构和内容的含义，例如使用 <header>、<nav>、<article> 等。

CSS 中的 flexbox 和 grid 有何区别？

Flexbox 是一维布局模型，适合在一条轴线上排列元素；

Grid 是二维布局模型，适合在行和列中安排元素。

如何创建一个固定在页面顶部的导航条

使用 CSS 的 position: fixed; 属性。

解释 CSS 的过渡和动画的区别

过渡是元素在状态改变时的平滑过渡，动画是通过一系列关键帧来定义复杂的动画效果。

什么是深拷贝与浅拷贝

浅拷贝复制对象的第一层属性，深拷贝复制对象及其嵌套对象的所有层次。

解释一下事件代理

事件代理是将事件监听器添加到父元素上，利用事件冒泡来处理子元素的事件，提高性能和简化代码。

JavaScript 的执行上下文是什么

执行上下文是代码被执行时的环境，包括变量、函数、对象等信息。