编码优化（代码逻辑优化）

1）数据读取：对象嵌套越深，取值越慢（数据扁平化）

2）循环：循环通常是编码性能的关键点（减少循环量，达成目的后立马结束循环）

3）条件流程性能：Map/Objct > switch > if else

// 使用 Object
const obj = {
    1: () => {},
    2: () => {},
    3: () => {},
}
obj[type]()

4）dom操作：较少dom操作的次数（多次使用可以先缓存到变量中）

5）减少重绘与回流（简单介绍：标签样式的变化但不引起页面布局的变化称为重绘；标签大小尺寸、字体、位置的变化引起页面布局的变化称之为回流）

实践运用：
减少table布局
将动画运用到定位元素上
减少dom操作，增删等；一次性完成如模板字符串等

6）css扁平化和动画开启硬件加速（尽量使用css动画）

7）多使用语义化标签