强哥棒棒哒丶

@media 当你的浏览器大小变化的过程中，页面也会根据浏览器的宽度和高度渲染页面；而@media 可以针对不同的媒体类型设置不同的样式，以此可以实现不同页面尺寸的适配。 MDN：@media CSS

elmentui 中 select 组件动态添加数据 业务场景 有一个选择用户名的下拉框，需要在下拉框中进行输入的时候判断输入的是否是一个新的值，如果是的话则进行用户数据的新增； 实现 思路：由于 s

用户浏览某个数据列表，当数据列表数量很大或者有许多筛选/搜索条件时，点击查看详情然后返回，需要回到离开这个列表时的状态；

在使用 element-ui 中的 table 组件并以父子结构展示数据时，有勾选的需求，需要在勾选父数据时，将子数据一起勾选，取消勾选父数据也会将子数据取消勾选；

浏览器获取到 html 资源后开始解析 html；解析到 css 后根据 css 生成 css 规则树；在 dom 树和 css 规则树都生成完后，通过 dom 树和 css 规则树生成渲染树

怎样减少页面的回流和重绘 减少对 dom 的操作 当需要进行多个 dom 的增删改查时，避免直接对单个 dom 进行操作 使元素脱离文档流 由于页面中有时候会有一部分元素是有持续性的动画效果的，所以会

在我参与的项目中有的页面在进入时会调用多个接口，并且这些接口可能会几秒后才请求完；在用户切换路由时这些接口就没有必要再请求了；或者由于需要对具体的某个接口进行取消；

由于之前项目中需要使用 cancelToken 来取消接口，所以研究了一下 cancelToken 怎么使用，并且对源码进行了一定了解。在这里记录一下我的理解，希望也能对大家有些帮助。

记录这篇笔记是为了以后不要每次有数据处理的需求时抬手就是一个 for 循环，可以根据情况选择不同的函数进行处理。