和就是没有语义的元素。而表示一个表单或者

H5中提供了很多新的语义元素，比如：

几个标签用来表示页面的头部、导航和侧边栏等不同部分。

元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。

包含了一组内容及其标题。

规定独立的流内容如图像图表照片代码等，

的标题。

看过哪些Bootstrap源码，Bootstrap有什么特性？

这里就说了一下Bootstrap栅格化系统的大概实现，说了一下Bootstrap的响应式。然后面试官又顺带问了Bootstrap如何实现的响应式，我说使用了css的@media。然后他又问我还有没有什么其他的特性当时没想起来

对flex了解有多少？flex有哪些基本的属性？

就答了一下基本的justify-content和align-items flex-direction等等

如何实现两列等高布局？

在问的过程中还问了height: 100%相关的问题

如何清除浮动？

这里就打了使用clear: both，面试官说还有什么别的方法吗，说只有clear: both还不够，没有答上来。

原理：清除浮动主要的原理就是在浮动元素的父元素上创建块格式化上下文(Block Formatting Context，BFC)，一个BFC中所有的元素都会包含在其中包括浮动元素。很多方式都可以创建一个BFC，最常用的有以下几个：

display为flex inline-block inline-flex table-cell的元素

overflow为visible之外的元素

position为absolute或fixed的元素

float为none之外的元素

所以只要在float元素的父元素上应用以上属性即可在父元素上创建BFC以清除浮动。

另外，使用clear:both也可以清除浮动，最好的方法是在父元素上使用伪类:after添加这个用于清除浮动的元素，如：

.parent-box:after{

clear: both;

content: '';

display: block;

}

复制代码

这里的内容来自这篇文章的总结，写的非常好推荐大家读一读

样式权重的优先级？

!important > 行内样式 > id > class > tag

样式的权重可以叠加

内容转自:https://juejin.im/post/6844903570001625102

css中单位em和rem有什么区别？

rem是相对于根的em，rem即root的em，相对于html根元素

em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。事实上，根据W3标准，em单位是相对于使用em单位的元素的字体大小。父元素的字体大小可以影响em值是因为继承。

总结：rem单位翻译为像素值是由html元素的字体大小决定的。此字体大小会被浏览器中字体大小的设置影响，除非显式重写一个具体单位。em单位转为像素值，取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小，除非显式重写与一个具体单位。

这部分内容转自: https://www.w3cplus.com/css/when-to-use-em-vs-rem.html © w3cplus.com

如何将文字超出元素的部分变成省略号(...)

如果实现单行文本溢出变成省略号，需要几个css属性结合使用：

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

复制代码

多行则在webkit内核浏览器中可以得到比较满意的效果，下面指定了显示2行，多余2行的部分显示为省略号：

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

复制代码

手写一个倒计时页面

这里因为我用了var date = new Date()，所以面试官就又问了这个date的时间是什么时间？是当前时区的事件还是电脑的时间还是什么别的？这个没答上。答案是如果没有输入任何参数，则Date的构造器会依据系统设置的当前时间来创建一个Date对象。

因为我本身用的setInterval()去实现倒计时，里面写的是1000毫秒执行一次，所以面试官就又问了一下js任务队列的内容，问我是不是浏览器能保证1000毫秒执行一次。我说由于任务队列的关系主线程不一定能保证1000毫秒执行一次，他又问我有什么优化方式吗？我说可以使用requestAnimationFrame进行循环调用，这样浏览器自身会进行优化，面试官又问我浏览器是怎么优化的(真是一问到底)，这里就答不上来了。

如何判断一个变量是不是数组？

js中instanceof是如何实现的？

使用过ES6哪些新特性，js的基本数据类型是哪些？ES6中有新的数据类型吗？

我就答了箭头函数、Map、Set等，面试官问了箭头函数的特点。ES6中多了Symbol这个新的原始数据类型，以前没怎么使用过，没有答上来。然后在提到Promise的时候问了Promise的问题：

Promise是如何实现的？能不能自己写一个函数实现Promise？

以前没有写过，就大概自己写了一个函数，结果面试官提出了我写的代码的各种问题，总之就是写的基本是错的。。

http和https的区别？https的特点？

最常问的：从输入url到网页呈现的过程

这里问到了发送http请求和DNS查询的顺序先后问题。

DOM树和渲染树的加载先后？html、css、js的加载顺序是什么？(大概是这么问的)

这里除了加载顺序还深入的问了比如DOM树是完全加载完毕在进行css的渲染吗？还是一边进行DOM树的构建一边进行css的渲染？如果html中有一段js代码进行很长时间的循环会不会影响页面的呈现？

这里基本上被问倒了，因为没仔细钻研过加载顺序的问题。总共的问题想起来的就这些，面完之后感觉自己的基础还是不够好，再就是面试时有些紧张，平时会的很多东西表达不出来。

希望对准备找前端岗位的大家有所帮助。