高级前端工程师Vue面试题

HTML/CSS

1. 解释HTML5中的<canvas>元素及其用途。

<canvas>元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。

2. CSS中display: none和visibility: hidden有什么区别？

display: none会将元素从文档流中完全移除，不占据空间。而visibility: hidden则元素依然占据空间，只是变得不可见。

3. 描述CSS Flexbox布局的基本概念。

Flexbox是CSS3的一部分，它提供了一种更加高效的方式来布局、对齐和分配容器内项目的空间，即使它们的大小未知或是动态变化的。

4. 如何使用CSS实现一个响应式网页设计？

使用媒体查询（Media Queries），百分比宽度，视口单位（vw/vh），以及灵活的图片和视频元素来实现响应式设计。

5. 解释CSS中的BFC（块级格式化上下文）。

BFC是CSS中的一个布局概念，它定义了元素如何与其它元素隔离开来，以及如何垂直堆叠。BFC内的元素与外部元素互不影响。