JS与CSS3动画比较

JS动画

缺点:JavaScript在浏览器的主线程中运行,而其中还有很多其他需要运行的JavaScript、样式计算、布局、绘制等对其干扰。这也就导致了线程可能出现阻塞,从而造成丢帧的情况。

优点:JavaScript的动画与CSS预先定义好的动画不同,可以在其动画过程中对其进行控制:开始、暂停、回放、中止、取消都是可以做到的。而且一些动画效果,比如视差滚动效果,只有JavaScript能够完成

(视差滚动效果:是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验)

CSS动画

缺点:缺乏强大的控制能力。而且很难以有意义的方式结合到一起,使得动画变得复杂且易于出问题。

优点:浏览器可以对动画进行优化。它必要时可以创建图层,然后在主线程之外运行

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

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,055评论 25 709
  • 在生活当中,大家都很容易出现一种情况,本来你的皮肤底子不差,白白嫩嫩的,但是,如果你的旁边有一个人,他的皮肤更好,...
    HincL阅读 4,379评论 0 0
  • 这个故事我是在一篇微信公众号文章上看到的,觉得非常棒,当时就把这一段给复制了下来。 佛陀旅行经过一个森林,那一天非...
    小波有话说阅读 3,392评论 0 0
  • 秋天就要来了 沐浴过柔柔的春风 蒸烤过灼灼的夏日 开始品尝秋雨的美妙 我在这个时候回到了这个城市 在一棵梧桐树下凝...
    Epiclove阅读 1,898评论 0 0