- 博客(2)
- 收藏
- 关注
原创 浏览器的渲染原理以及回流优化
requestAnimationFrame 会把每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率,一般来说,这个频率为每秒60帧。隐藏元素,应用修改,重新显示,这会在展示和隐藏节点的时候,产生两次重绘。但是对于动画的其它属性,比如background-color这些,还是会引起回流重绘的,不过它还是可以提升这些动画的性能。该过程的第一步和第三步可能会引起回流,但是经过第一步之后,对DOM的所有修改都不会引起回流,因为它已经不在渲染树了。
2023-10-29 21:47:30
74
1
原创 css布局方式及应用
通过设置元素的定位属性(position)来指定元素的位置,包括相对定位(relative)、绝对定位(absolute)和固定定位(fixed)。盒状模型是CSS中的一种基本布局方式,它是以一个矩形来描述元素的大小和位置,包括内容区、内边距(padding)、边框(border)和外边距(margin)四个部分。CSS布局方式有多种,包括传统的盒状模型(box model)、定位(positioning)、浮动(float)、弹性盒子(flexbox)和网格布局(grid)等。5.网格布局(grid)
2023-09-04 20:02:06
58
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人