前端面试常见部分问题，及高阶部分问题

面试中也极有可能让你徒手写代码，无聊的面试问题o(￣︶￣)o

一、HTML/CSS 基础与进阶

常见问题

1. 什么是语义化标签？有哪些常用语义化标签？

   • 答案：语义化标签是指具有明确含义的 HTML 标签，如 <header>、<footer>、<article>、<section> 等。它们有助于提高可读性和 SEO。

2. CSS 盒模型是什么？如何切换盒模型？

   • 答案：盒模型包括内容区（content）、边框（border）、内边距（padding）、外边距（margin）。通过 box-sizing: border-box; 切换为包含边框和内边距的盒模型。

3. 清除浮动的方法有哪些？

   • 答案：使用 clear: both;、伪元素 ::after 清除浮动、或者父级设置 overflow: hidden;。

---

高级问题

1. BFC 是什么？如何触发 BFC？

   • 答案：BFC（Block Formatting Context）是块级格式化上下文，用于解决浮动塌陷等问题。触发方式包括：float 不为 none、position 为 absolute 或 fixed、display 为 flow-root 等。

2. Flexbox 和 Grid 的区别是什么？

   • 答案：Flexbox 是一维布局（行或