javascript - CSS 动画会不会被 JS 阻塞?
本文介绍了javascript - CSS 动画会不会被 JS 阻塞?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我写了一个示例,里面有两个 CSS 动画。一个是用 transform
实现,一个是用 left
实现。
当我执行示例里的 kill
函数时,transform
实现的动画不会被阻塞,left
实现的动画会被阻塞。
我感觉是和使用 left
需要重新计算布局有关。可是这又和 JS 有什么关系呢?浏览器究竟是怎么处理的?
http://codepen.io/tanbowensg/...
解决方案
答案是有时会,有时不会。
首先JS线程是运行在UI线程里大家都知道。如果JS让线程阻塞了按理说CSS动画也会阻塞住,但是因为现代浏览器的优化,很多CSS动画使用了GPU加速。这种技术叫做Off main thread animation,transfrom属性就是其中之一
这里有一些介绍。
这篇关于javascript - CSS 动画会不会被 JS 阻塞?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文