前端面试题

1. css的三种盒模型

$$css的两种盒模型=\{\begin{array}{rl}& w3c标准盒模型\\ & IE盒模型\\ & 弹性盒模型\end{array}$$
区别:IE的width=padding+border+content，而w3c的width=content

• w3c和IE盒模型的切换 — box-sizing

$$box-sizing=\{\begin{array}{rl}& content-box\\ & border-box\\ & padding-box\end{array}$$
content-box可切换为w3c盒模型，border-box可切换为IE盒模型

• 弹性盒模型(flex box)

  • 定义:是一种自适应屏幕的布局方式，于css3出现的
  • 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。
  • 学习传送门:https://www.runoob.com/css3/css3-flexbox.html

单个元素的盒模型（基本盒模型）两种：IE盒模型和w3c盒模型。弹性盒模型多用于自适应布局

---

2. typeOf()

• typeOf能返回哪种类型 ： string,number,undefind,object,boolean,function
  

注意注意这里有一个知识点：null为object类型，上图最后一个

---