恰恰冲鸭

事件循环执行顺序：微任务 -> 宏任务（微任务 > DOM渲染 > 宏任务）宏任务：setTimeout、setInterval、dom、ajax。微任务：promise.then()、async/await。执行事件循环的前提是执行完所有同步任务。进入事件循环的有：事件、请求、定时器等。执行流程：同步任务 -> 事件循环。执行宏任务的前提是执行完所有微任务。事件循环分：宏任务、微任务。

使用场景：应用第三方插件如by scroll、echarts图表时，可能计算的宽高有偏差，插件延迟计算了宽高等数据内容，此时插件内容需要在nextTick中调用。nextTick用于———获取更新后的dom内容。

定位的分类：static，relative，absolute，fixed。absolute 绝对定位 相对于最近的一级定位父元素定位。relative 相对定位 相对于自身定位。static 是定位的默认值(无定位)fixed 固定定位。

2.display:none 隐藏元素不占位，彻底移除元素。1.visibility:hidden 隐藏元素依然占位。3.opacity:0 元素完全透明依然占位。

任何一个容器都可以定义为弹性布局容器，使用display:flex(display:inline-flex)开启弹性布局。4.flex-flow: flex-direction和flex-wrap的组合简写。6.align-content：多条轴线的对齐方式。3.flex-wrap:：一条轴线排不下是否换行。1.flex-direction ：主轴的方向。：子元素在交叉轴的对齐方式。：子元素在主轴的对齐方式。

=作比较时会做类型转换，先转换成相同类型的再比较。推荐在大多数情况下使用===。===作比较时不会做类型转换。

给父盒子宽高和flex，子盒子margin：auto。

盒模型的组成：盒模型的分类：内容盒模型(标准盒模型) — 盒子的宽=width+padding+border边框盒模型 — 盒子的宽=width。