前端小知识
文章平均质量分 73
主要分享一些前端小知识
前端小趴菜~时倾
前端小趴菜学习ing
展开
-
事件循环原理
程序运行需要有它自己专属的内存空间,可以把这块内存空间简单的理解为进程每个应用至少有一个进程,进程之间相互独立,即使要通信,也需要双方同意。原创 2023-08-08 19:20:12 · 563 阅读 · 0 评论 -
浏览器是如何渲染页面的?
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。原创 2023-08-08 19:29:22 · 246 阅读 · 0 评论 -
你不知道的 CSS 之包含块
没错,因为我们对 div1 进行了定位,因此它会应用非根元素包含块计算规则的第三条规则,寻找离它最近的 position 的值不是 static 的祖先元素,不过显然 body 的定位方式为 static,因此 div1 的包含块最终就变成了初始包含块。首先 HTML 作为根元素,对应的包含块就是前面我们所说的初始包含块,而对于 body 而言,这是一个 static 定位的元素,因此该元素的包含块参照第一条为 html,以此类推 div1、p1、p2 以及 em1 的包含块也都是它们的父元素。原创 2023-08-07 16:37:06 · 171 阅读 · 0 评论 -
CSS 属性计算过程
你是否了解 CSS 的属性计算过程呢?上面的 CSS 代码中,p 是元素选择器,color 就是其中的一个 CSS 属性。但是要说 CSS 属性的计算过程,还真的不是很清楚。没关系,通过此篇文章,能够让你彻底明白什么是 CSS 属性的计算流程。原创 2023-08-07 16:35:46 · 649 阅读 · 1 评论 -
Ts+Vite脚手架使用‘@‘作为src根目录的方法
如何在vite脚手架中使用@代替src根目录原创 2023-06-20 10:13:46 · 1056 阅读 · 1 评论 -
Vue封装axios请求
【代码】Vue封装axios请求。原创 2023-06-13 12:59:41 · 225 阅读 · 0 评论