美文网首页
《高性能网站建设》(8)--避免使用CSS表达式

《高性能网站建设》(8)--避免使用CSS表达式

作者: 单纯的土豆 | 来源:发表于2016-03-25 14:42 被阅读56次

CSS表达式是动态设置CSS属性的一种强大(并且危险)的方式。

对CSS表达式的频繁求值使其得以工作,但也导致CSS表达式的低下性能。

更新表达式

表达式的问题在于对其进行求值的频率比人们期望的要高。求值的情形包括页面呈现大小改变页面滚动用户鼠标在页面上的拖拽

避开这个问题的方式有两种:

1.一次性表达式:如果CSS表达式必须被求值一次,那么可以在这一块执行中重写它本身。

2.事件处理器:使用时间处理器为特定的时间提供所期望的动态行为以避免了在无关事件发生时对表达式的求值。

在没有深入了解底层影响的情况下使用CSS表达式是很危险的。

相关文章

  • 《高性能网站建设》(8)--避免使用CSS表达式

    CSS表达式是动态设置CSS属性的一种强大(并且危险)的方式。 对CSS表达式的频繁求值使其得以工作,但也导致CS...

  • 如何提升Web性能

    参考《高性能网站建设指南》 规则一:尽量减少HTTP请求。 1.使用CSS Sprites合并图片。2.使用dat...

  • 前端调优23大规则(Part 2)

    一、Avoid CSS expressions避免使用CSS表达式 CSS表达式(css expression)又...

  • 编写高性能可维护的css代码

    本文主要参考MDN|编写高效的CSS、译文编写高性能高质量的CSS代码、《高性能网站建设指南》、谷歌|优化性能、《...

  • 技术书刊

    Javascript# ########《JavaScript设计模式》《高性能网站建设指南》《高性能网站建设进阶...

  • 关于性能优化

    代码层面:避免使用css表达式,避免使用高级选择器,通配选择器。缓存利用:缓存Ajax,使用CDN,使用外部js和...

  • 性能优化问题

    代码层面:避免使用css表达式,避免使用高级选择器,通配选择器。 缓存利用:缓存Ajax,使用CDN,使用外部js...

  • 前端性能优化方向

    代码层面:避免使用css表达式,避免使用高级选择器,通配选择器。 缓存利用:缓存Ajax,使用CDN,使用外部js...

  • 前端性能优化

    性能优化问题 代码层面:避免使用css表达式,避免使用高级选择器,通配选择器。 缓存利用:缓存Ajax,使用CDN...

  • 《高性能网站建设》(9)--使用外部JavaScript和CSS

    通常情况下,JavaScript和CSS包含在外部文件中更好 纯粹而言,内联快一些 在下载量相同的情况下,内联比外...

网友评论

      本文标题:《高性能网站建设》(8)--避免使用CSS表达式

      本文链接:https://www.haomeiwen.com/subject/esfdlttx.html