jsPao的博客

宏任务包括脚本执行、网络请求、setTimeout 和 setInterval 等，这些任务通常需要消耗较多的时间和资源，因此它们的执行优先级较低。例如，如果你希望在某个元素内部阻止特定事件的发生，你可以在捕获阶段处理事件，而不是冒泡阶段，这样可以防止事件进一步传播。例如，当你点击一个按钮时，浏览器会首先触发捕获阶段，然后到达目标阶段，最后进入冒泡阶段。在这个过程中，如果有其他事件发生，比如定时器触发，那么这些事件会被放在事件队列中，等到前面的事件完全处理完毕后再进行处理。浏览器微任务执行优先级。

position改变了文档层级是指脱离了文档流，引起的重绘重排不会影响基础层，性能更高一些。

在前端开发中，优先布局是指在设计和构建页面时，将页面的各个部分按照其重要性和优先级进行排序，并依次进行布局和开发。这种方法可以帮助开发团队在项目初期就确定页面结构的核心部分，从而更好地掌控项目的整体进度和优先级。且确保在网络环境差的情况下，优先渲染重要内容在CSS中，元素的渲染优先级是由决定的。一般来说，块级元素的渲染优先级高于行内元素，而行内元素的渲染优先级又高于浮动元素和定位元素。

两个破折号加变量名称（可以在当前的选择器内定义）var(--*)

层叠上下文（Stacking Context）是HTML中的一个三维概念，它影响着元素的堆叠顺序和显示效果。在同一层叠上下文中，如果两个元素的层叠级别相同，则后面的元素在前面的元素的上面，遵循后来者居上的原则。在不同的层叠上下文中，我们比较的是“父级元素层叠级别”。