开发语言分类思维架构

HTML

CSS

1. BFC
   答：即块级格式化上下文，先说元素的定位方式有三种：普通流、浮动、绝对定位。BFC可以看做是普通流元素的一种属性，隔离出独立容器，不影响外面元素布局。可以解决：margin塌陷、清除浮动、防止元素被浮动元素覆盖。如何触发BFC：overflow：hidden。
2. 重排（回流）和重绘
   答：先说浏览器渲染机制：HTML 解析、CSS 解析、布局排版、渲染绘制、回流重绘。重排：像画画搭架子，布局引擎会根据所有的样式计算出盒模型在页面上的位置和大小。重绘：像画画上色，浏览器根据每个盒模型的特性进行绘制。如何避免重排（回流）重绘：使用 transform 替代 top、使用 visibility 替换 display: none等

JS