javascript - 用css改样式与用js改样式有什么性能上的差异?
阿神
阿神 2017-04-11 13:00:47
[JavaScript讨论组]

对于比较旧的浏览器这两者有没有性能上的区别?
对于硬件比较差的机器,这两者有什么区别呢?

阿神
阿神

闭关修行中......

全部回复(3)
迷茫

1.通过style设置样式会频繁造成浏览器重绘/重排,当然某些浏览器会做优化,把一组样式修改放在一起执行。不过如果中间触发了强制浏览器重绘/重排的事件(获取尺寸等),浏览器会被逼提前渲染,何况问题中的“旧浏览器”未必有这些优化。总的来说,性能差。

2.通过js设置样式不利于管理维护,试想改一个样式需要css和js文件两头看,成本大增。尽量不要在js设置中设置样式。题主不觉得js切换class是很优雅的事情吗:)

阿神

记得看到一篇文章好像说过通过dom.style.property这种方式设置样式性能没有通过设置class性能好,所以如果如果是操作大量的样式还是用css吧,少数的样式创建和修改无所谓吧!

PHP中文网

请参看
《编写可维护的JAVASCRIPT》第5章UI层的松耦合

我是大神的搬运工
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号