![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
150斤的陈大胖
这个作者很懒,什么都没留下…
展开
-
【面试】回流和重绘
当你在面试中谈论网页性能优化时,两个重要但容易被忽视的概念是"重绘"和"回流"。在这篇文章中,我们来谈谈它们,为什么它们如此重要,以及如何在面试中聊起它们。如果它们发生太频繁,网页加载会变得缓慢,用户体验下降。:如果你需要多次修改元素的样式或布局,最好将这些操作合并在一起,减少回流次数。,比如改变颜色、背景或阴影,但不改变它的位置时,浏览器会重新绘制这个元素。:对于频繁触发的事件,如窗口大小变化,可以使用节流和防抖来延迟处理,减少回流次数。,可以通过GPU硬件加速,减少了重绘和回流的开销。原创 2023-10-26 23:28:39 · 238 阅读 · 0 评论 -
好用或好玩的小网站
CSSflex布局的小游戏(FLEXBOX FROGGY):https://flexboxfroggy.com/grid布局的小游戏(GRID GARDEN):https://cssgridgarden.com/原创 2022-02-24 10:00:42 · 2180 阅读 · 0 评论 -
自定义滚动条
直接上代码.box { width: 150px; height: 200px; overflow: scroll; margin: 100px;}.scrollbar { width: 30px; height: 300px; margin: 0 auto;}/*滚动条整体样式*/.box::-webkit-scrollbar { width: 10px; height: 1px;}/*滚动条滑块*/.box::-webkit-scrollbar原创 2022-02-23 17:45:37 · 142 阅读 · 0 评论