其它常用CSS

direction

用来设置文本、表列水平溢出的方向。 rtl 表示从右到左 (类似希伯来语或阿拉伯语), ltr 表示从左到右 (类似英语等大部分语言).


will-change

用于提前告知浏览器,元素将会有哪些变化,以便浏览器在元素真正发生变化之前提前做好优化准备工作;这种优化可以将一部分复杂的计算工作提前准备好,使页面的反应更为快速灵敏。

注意:用好这个CSS属性并不是很容易:

不要将 will-change 应用到太多元素上:有可能会消耗很多机器资源,如果过度使用,可能导致页面响应缓慢或者消耗非常多的资源。

最佳实践是当元素变化之前和之后通过脚本来切换开启或禁用 will-change 。

不要过早的应用 will-change 优化:如果页面在性能方面没什么问题,则不要添加 will-change 属性来榨取一丁点的速度。 will-change 的设计初衷是作为最后的优化手段,用来尝试解决现有的性能问题。它不应该被用来预防性能问题。过度使用 will-change 会导致大量的内存占用,并会导致更复杂的渲染过程,因为浏览器会试图准备可能存在的变化过程。这会导致更严重的性能问题。

给它足够的工作时间:**这个属性是用来让页面开发者告知浏览器哪些属性可能会变化的。然后浏览器可以选择在变化发生前提前去做一些优化工作。所以给浏览器一点时间去真正做这些优化工作是非常重要的。使用时需要尝试去找到一些方法提前一定时间获知元素可能发生的变化,然后为它加上 will-change 属性。



举报

© 著作权归作者所有


0