CSS性能优化新属性：will-change
2021-06-22 21:04
标签：优化 nsf 通知 部分 ide 元素 目标 属性 结束 ---恢复内容开始--- 这个属性可以有4个值： 如果想通知浏览器会发生一个 我们还可以指定多个值，用逗号分隔，例如： 然而，千万不要过度使用 转载自CSDN-- 我跟大家一样涨知识了 ---恢复内容结束--- CSS性能优化新属性：will-change 标签：优化 nsf 通知 部分 ide 元素 目标 属性 结束 原文地址：http://www.cnblogs.com/Mousika/p/7168233.htmlwill-change属性通过告诉浏览器什么属性、什么元素将会发生变化，可以对这些操作进行可能性的优化，由此提高CSS动画的执行效率。
auto: 实行标准浏览器优化。scroll-position: 指明元素的滚动位置将会出现动画变化，浏览器应该为滚动视窗内容的不可见部分事先做好准备。contents: 指明元素的内容将会发生变化，浏览器不要缓存它们的内容。will-change实施的目标属性，比如transform 或 opacity。transform方面的变化，可以这样写：.element {
will-change: transform;
}.element {
will-change: transform, opacity;
}will-change属性，否则，事与愿违，页面的执行效率会降低，推荐的做法是当一个元素或属性发生变化时打开will-change，变化完成之后关闭它。