前端工程师面试题及JavaScript进阶技巧含答案.docxVIP

第PAGE页共NUMPAGES页

2026年前端工程师面试题及JavaScript进阶技巧含答案

一、HTML与CSS基础（共5题，每题2分）

1.请解释HTML5中的`video`和`audio`标签的常用属性及其作用。

答案：

`video`和`audio`是HTML5中的多媒体标签，常用属性如下：

-`src`：指定媒体文件的路径。

-`controls`：显示播放控件（播放、暂停、音量等）。

-`autoplay`：页面加载后自动播放。

-`loop`：循环播放。

-`muted`：静音播放。

-`poster`：视频加载前显示的图片。

-`preload`：设置预加载策略（`auto`、`metadata`、`none`）。

解析：

这些属性是前端开发中常用的多媒体控制手段，需熟悉其作用以优化用户体验。

2.如何实现一个水平垂直居中的布局，要求兼容IE10及以上浏览器？

答案：

方法一：使用Flexbox（兼容IE10+）：

html

divclass=container

divclass=content居中内容/div

/div

style

.container{

display:flex;

align-items:center;/垂直居中/

justify-content:center;/水平居中/

height