No2.2 前端面试题2*4

1. 重绘和回流的问题

1. 什么是重绘,回流?

• 重绘:浏览器计算好盒模型的位置,大小等几何属性和其他属性后,会根据每个盒模型的特性进行绘制
• 重排(回流):布局引擎会根据所有的样式计算出盒模型在页面上的大小,位置等几何属性

2. 浏览器的渲染机制

• 对DOM的大小,位置等进行修改后,浏览器需要重新计算元素的这些几何属性,叫做重排
• 对DOM的颜色,背景色,阴影等样式修改,不需要重新计算几何属性的时候,自己绘制了该元素的新样式,只触发了重绘

3. 回流一定会造成重绘,但重绘不一定会造成回流

2. css哪些属性可以继承

1. 什么是继承

• css的三大特性之一,子元素可以继承父元素的样式

2. 可继承的属性

• 字体属性(font)
• 文本属性
• 元素的可见性
• 表格布局属性
• 列表属性
• 页面样式属性…

3. css预处理器

1. 常用CSS预处理器

• 现有流行库有Sass(Scss)、Less、Stylus等，目前，广泛使用的是 less 和 sass 。

2. 主要功能

• 可以使用变量、常量；
• 允许css代码嵌套；
• 混入Mixin；
• 继承；
• 函数等功能。

4. 另一个元素水平垂直居中的方式

1. 定位+margin
   

2. 定位+transform
   

3. flex布局
   

4. grid布局
   

5. table布局
   

另一个不给宽高的盒子居中:
6. 加弹性盒

7. 定位