- 博客(2)
- 收藏
- 关注
RSS订阅原创 浏览器的渲染原理以及回流优化
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关注的人