2022-6-1（面经）

CSS相关：

• 各种选择器的优先级，看代码说出最后的样式结果？

  1. 选择器的优先级从大到小依次是：内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

  2. 选择器的优先级是根据权重来判断的，其中标签选择器是1，类选择器是10，ID选择器是100，群组选择器 （选择器自身大小) , 包含选择器（选择器权重之和) , ! importent (最高权重)，如果选择器的权重一样，则后面的选择器样式会优先执行，继承选择器的权重为0，与直接作用相比，继承更小

• 怎么开启动画加速，底层原理是什么？

  1. 用到了3D 或者 transform、video、canvas、CSS filters（滤镜）
  2. 浏览器接收到页面文档后，会将文档中的标记语言解析为DOM树。DOM树和CSS结合后形成浏览器构建页面的渲染树。渲染树中包含了大量的渲染元素，每一个渲染元素会被分到一个图层中，每个图层又会被加载到GPU形成渲染纹理，而图层在GPU中 transform 是不会触发 repaint 的，这一点非常类似3D绘图功能，最终这些使用 transform 的图层都会由独立的合成器进程进行处理

JS 相关：

• 为什么数组长度能任意变化
  1.

框架相关：

• List item

打包工具相关：

• List item

网络相关：

• List item

算法题：

• List item