记录一次临时抱佛脚

一、盒模型
1、标准盒子模型
width=content
设置：box-sizing:content-box;
2、IE盒模型
width=content+padding+border
设置：box-sizing:border-box;
二、clientwidth、offsetwidth、scrollwidth的区别？
clientwidth=width+padding；
clientTop = boder.top;
offsetwidth=width+padding+border;
offsetTop:当前元素上边框外缘到父元素(没有定位即为body)上边框外缘的距离;
scrollWidth:可视区域+隐藏区域宽度；
scrollTop:即整个内容顶部到可视区域顶部距离（即隐藏部分高度）
三、怎么实现水平垂直居中？我的常用~
1、flex
display:flex;
justify-content:center;
align-items:center;
2、定位
position:absolute；
top:50%;
left:50%;
transform:translate(-50%,-50%);
四、js数据类型
基本数据类型：Number、string、Boolean、undefined、null、symbol；
引用数据类型：array、object、function；
区别：基本类型的值不变；基本类型的比较是值的比较；基本类型的变量是存放在栈；
引用类型的值是可变的；引用类型比较 是地址和地址的比较；引用类型的值是同时保存在栈内存和堆内存中的对象
五、判断数据类型？
typeOf();
instanceOf();
Object.prototype.toString.call();
五、浏览器渲染过程？
解析HTML代码生成DOM树==》解析css代码生成css规则树=》把DOM树和css规则树结合生成rendering Tree渲染树