前端面试题

盒子模型包括哪几个？

1.margin：外边距
2.boder：边框
3.padding：内边距
4.content：内容

怪异盒模型

box-sizing：border-box;
怪异盒模型和普通盒模型的区别：
boder不会包含内外边距
content会包含内外边距

清除浮动

1.给父设高（不推荐）
2.给使用浮动元素后添加一个空的块级元素clear:both;
3.用after伪类清浮动：
#father::after{
content :" ";
display:block;
clear : both;
}
4.再父容器上添加溢出隐藏属性（主要是溢出隐藏）overflow:hidden;

新增语义标签

< article>
定义页面的独立内容，必须独立于文档的，里面可以包含头，尾主题等一脸血内容，在比较大的页面中回适用到，比如博文的列表。

< section>
类似div，不过比div更有意义，他是对内容进行分块。具体呈现的效果也是没有的。

< aside>
aside标签定义了article标签以外的内容，aside内容应该于父级的内容相关，具体看最上面的截图。

< footer>
定义文档或者文档一部分区域的页脚，该元素回包含文档的版权，联系方式等。当然一个文档里面可以使用多个footer。

header
< header>标签定义文档的页眉（介绍信息）

nav
< nav>标签定义导航链接的部分。

JavaScript

Js是弱类型语言（类型可变）
JAVA是强类型语言

基本数据类型：

1. number（数字）
2. string（字符串）
3. bool（布尔）
4. null（空值）【清空变量】
5. undefined（未定义）【声明了变量但并未赋值】

隐士类型转换

number类型和string类型相加会拼接到一块
相减时string类型数字相减会先转换成number类型然后在进行减法运算