美文网首页
CSS3动画与JS动画比较

CSS3动画与JS动画比较

作者: Shiyouzhang | 来源:发表于2021-04-12 09:08 被阅读0次

    优点

    css3

    1. CSS3动画在性能上会稍微好一些,浏览器会对CSS3的动画做一些优化(比如专门新建一个图层用来跑动画)
    2. 代码相对简单

    js

    1. 控制能力强,可以单帧的控制和变换。
    2. 写的好,写的好的话,完全可以兼容IE6

    缺点

    css3

    1. 在动画控制上不够灵活
    2. 兼容性不好
    3. 部分动画功能无法实现(如滚动动画,视差滚动等)

    js

    1. S运算预渲染性能不如CSS3动画,因为CSS动画的transform矩阵,是C++级的,必然要比JavaScript级的计算要快
    2. 还有就是对库比较依赖,编码较为繁琐

    总结

    综上所述我在写动画的时候能选择css3的时候就坚决不去选择js;原因如下
    1、css3不占用JS主线
    2、可以利用硬件加速;
    3、 浏览器可css3对动画做优化

    相关文章

      网友评论

          本文标题:CSS3动画与JS动画比较

          本文链接:https://www.haomeiwen.com/subject/trrikltx.html