gpt4 book ai didi

CSS 效率问题

转载 作者:技术小花猫 更新时间:2023-10-29 11:24:00 26 4
gpt4 key购买 nike

<分区>

为了这个问题,让“效率”或多或少意味着页面呈现速度。尽管如此,我们还应该考虑性能问题,例如平滑滚动。

假设您要在页面上放置条纹背景。从效率的 Angular 来看,平铺 100px 宽的图像(显示十个条纹)还是 20px 宽的图像(显示两个条纹)更好?当然...大图像需要更多时间来加载,但我觉得我在平铺非常小的图像时遇到了麻烦。有没有最优点?

我开始认为这取决于浏览器(也许还有操作系统?),尤其是考虑到这个问题的第二部分:

为了实现半透明,平铺半透明的 .png 文件或使用 CSS 不透明属性是否更有效(再次出现大平铺与小平铺的问题)?根据我的经验,旧版本的 IE 使用平铺的、半透明的 .png 时似乎比使用 CSS 不透明度属性时表现更好(尽管我从未做过任何科学测试)。

圆 Angular 是另一个很好的例子......在一些浏览器中,使用图像而不是 CSS 属性或 JavaScript 实现似乎可以使页面更快,滚动更流畅。

这确实是一个比 CSS 更广泛的问题,但它只是我最近一直在思考的问题。

-彼得

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com