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

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

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

更新表达式

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,269评论 19 139
  • 最近在阅读这本Nicholas C.Zakas(javascript高级程序设计作者)写的最佳实践、性能优化类的书...
    undefinedR阅读 2,185评论 0 30
  • 朋友圈某好友提前开始了秀恩爱,我吃了一波意想不到的狗粮。 我带着几分祝福与辛酸满满的接受了世界深深地恶意。 不对!...
    城中听雨阅读 361评论 4 4
  • 小说内容概述:平静的小镇发生了一起杀人事件,死者分别是女中学生和当地村民。由于缺乏足够的线索,整个案子陷入僵局。刘...
    Y远远Y阅读 220评论 0 2