H5动画卡顿的解决思路
2017-08-17 本文已影响197人
Armin0202
问题
H5 各种连续动画、链式动画
动画卡顿,不连续
分析
由于 js 是单线程的,如果同时存在2+个动画执行,就存在资源抢占的问题了,就会动画卡顿。
解决
最便捷的方式,当然是优化 js 动画的代码了,动画的事件监听合并
如果是一个连续动画卡顿,可以将其改用 css transition来处理,这样就使用的css 的解析引擎了
H5 各种连续动画、链式动画
动画卡顿,不连续
由于 js 是单线程的,如果同时存在2+个动画执行,就存在资源抢占的问题了,就会动画卡顿。
最便捷的方式,当然是优化 js 动画的代码了,动画的事件监听合并
如果是一个连续动画卡顿,可以将其改用 css transition来处理,这样就使用的css 的解析引擎了