2022前端面试题《1题-20题》（每日更新）

一、html5的了解

1、HTML5是web中核心语言HTML的规范，都知道互联网的发展是十分快速的，那么为了适应网络快速发展，HTML5出现了，他的出现替换了早期的HTML4.01和XHTML1.0标准，新增有几点：（语、增、视、C、地）

①、语义化标签

②、增强型表单

③、视频和音频

④、Canvas绘图

⑤、地理定位

2、他的优点总结大概有6点：（多、用、新、提、很、方）

①、多设备，跨平台

②、用户体验好；

③、新标签可读性高

④、提供了更多的多媒体元素（视频和音频）

⑤、很好的替代了Flash

⑥、方便网站的抓取和索引

3、他的缺点：

兼容性不好，很多浏览器的支持程度不一样（如：IE浏览器）

4、HTML5新增的语义化标签

①、页眉<header></header>

②、页脚<footer></footer>

③、导航<nav></nav>

④、文档中独立的内容<article></article>

⑤、页面中内容的文章<section></section>

⑥、侧边栏<aside></aside>

⑦、定义带有记号的文本<mark></mark>

⑧、时间<time></time>

二、让一个容器在页面中垂直居中对齐

第一个方法：display:flex;margin:auto

第二个方法：flex;align-items: center;justify-content: center

第三个方法：position加margin，遵循子绝父相，让父级标签相对定位，子级标   签绝对定位并left、right、bottom、Top都为0，margin：auto

第四个方法：根据实际情况也能用纯的定位来完成

三、es6语法新增特性

1、let && const

Const是常量，在块级作用域有效

Let：块级作用域，不存在变量提升 ，不允许重复声明 </