阳焰觅鱼

```mermaid graph TD 作用域 --> 动态作用域 作用域 --> 静态作用域 静态作用域 --> 词法作用域 --> 函数作用域 词法作用域 --> 块级作用域 动态作用域 -->

盒模型分两种 标准盒模型content-box IE盒模型 border-box 在 CSS 中，我们可以通过 box-sizing: conent-box; 将盒子设置为标准模型（盒子默认为标准模型

方法一: bfc 方法二: 伪元素.................................

下面的覆盖上面的 !import 优先级最高, 能不用就不用 越具体优先级越高 内联样式千分位 id选择器百分位 class选择器十分为 标签选择器个位

方案一: 子元素的line-height等于父元素的height 优点: 简单 缺点: 不适用于多行文字 方案二: flex 优点: 简单 缺点: 兼容性差 方案三: grid 优点: 布局很牛 缺点

英文全称: block formatting context 中文翻译: 块级格式化上下文 常用触发条件 浮动元素 float: 不是none 绝对定位元素 position: absolute 或

canvas svg 用笔刷来绘制图形 用标签来绘制图形 位图 矢量图 性能更好一些,但写起来更复杂 节点过多时渲染慢 不支持支持分层和事件,但可以用库实现 支持分层和事件

DNS解析, 将域名解析成ip地址 TCP3次握手 浏览器发送http请求获取数据 服务器根据http请求返回数据 浏览器接收数据 浏览器渲染数据(如下图)

解决办法 异步下载 async: 简单来说就是异步加载，加载完了就立即执行。 dfer: 大体也就是异步加载，等到HTML解析完成，但是在DOMContentLoaded事件前，按照顺序执行 将scr