9.1面试题

是什么 什么场景 为什么要用 怎么用 怎么写？

BFC
Block formatting context 块级格式化上下文
是一个区域，浮动在内部时会被渲染在内部，浮动在外部时会和BFC相影响
消除浮动 与浮动同级排列 解决外边距重叠

float:
overflow: hidden
position: absolute fixed
display: flex inline-block

CSS 盒模型
普通盒模型(w3c) width只是content
怪异盒模型（ie 盒模型）width content padding border

box-sizing: content-box
box-sizing: border-box

使用，如果要固定宽高不变，可以用ie

回流 重绘
位置大小变化 DOM变化，回流
style变化 重绘
display: none DOM中没有，回流
visibility：hidden 重绘
opacity: + transition GPU加速，既不回流也不重绘
性能优化：
脱离文档流： 对动画元素使用absolute / fixed属性。批量修改元素时，可以先让元素脱离文档流，等修改完毕后，再放入文档流。
不使用table 每次都会触发整个table改动
对于resize使用防抖节流 明天看

DOM document object model
cssom css object model

script defer async
在html的解析过程中遇到 script
普通 下载阻塞 执行阻塞
async 异步 下载不阻塞 下载完立即执行阻塞
defer 下载不阻塞 下载完不立即执行 html解析完执行 不阻塞