高性能网站建设指南(七)避免CSS表达式

CSS表达式是动态设置CSS属性的一种强大(并且危险)的方式。对CSS表达式的频繁求值使其得以工作,但也导致CSS表达式的低下性能。有两种技术可以避免CSS表达式这一问题——创建一次性表达式和使用事件处理器取代CSS表达式。

一次性表达式(One-Time Expressions)

如果CSS表达式必须被求值一次,那么可以在这一次执行中重写它自身。使CSS表达式调用一个函数,而该函数将样式的属性设置为一个明确的值,并移除了CSS表达式。

事件处理器(Event Handlers)

CSS表达式从自动绑定到浏览器事件中受益,但这也是它的缺陷。除了使用CSS表达式之外,还可以尝试使用事件处理器来为特定的事件提供所期望的动态行为。这就避免了在无关事件发生时对表达式的求值。


Copyright © 2018 Darkerxi