CSS和JS动画哪个更快,CSS 和 JS 动画哪个会更快

2020-12-04 10:18:06 字数 3319 阅读 6453

1楼:贴了一粑粑

理论上来说应该是css更快一点,但是css同样有它的问题,那就是浏览器支持的情况。由于动画是在css3才引入的,所以不支持css3的老式浏览器就不能完成动画,这里一般指的是ie9以前的浏览器。如果想兼容ie的老版本的话,还得要用js来实现。

此外,js能够实现的动画更加丰富,css能够实现比较简单的动画。

2楼:

一样,动画是一些底层**实现的,而flush动画更是一个控件在实现功能,你的css或js只是描述性质的脚本,不涉及实际的图形渲染算法,并不会影响图形渲染速度,除非你的**很糟糕,有过多并不合理的东西存在,主要还是取决于浏览器,cpu显卡性能这些。。。

css 和 js 动画哪个会更快

3楼:千锋教育

理论上来说应该是css更快一点,但是css同样有它的问题,那就是浏览器支持的情况。由于动画是在css3才引入的,所以不支持css3的老式浏览器就不能完成动画,这里一般指的是ie9以前的浏览器。如果想兼容ie的老版本的话,还得要用js来实现。

此外,js能够实现的动画更加丰富,css能够实现比较简单的动画。

4楼:无可奈何

当然是hicss3的动画快,以为js的动画都是要靠操作dom的比较耗费资源

css3动画和javascript动画相比谁更快

5楼:轻颦浅笑灬

css动画和js动画主要的不同点是

功能涵盖面,js比css3大

定义动画过程的@keyframes不支持递归定义,如果有多种类似的动画过程,需要调节多个参数来生成的话,将会有很大的冗余(比如jquery mobile的动画方案),而js则天然可以以一套函数实现多个不同的动画过程

时间尺度上,@keyframes的动画粒度粗,而js的动画粒度控制可以很细

css3动画里被支持的时间函数非常少,不够灵活

以现有的接口,css3动画无法做到支持两个以上的状态转化

实现/重构难度不一,css3比js更简单,性能调优方向固定

对于帧速表现不好的低版本浏览器,css3可以做到自然降级,而js则需要撰写额外**

css动画有天然事件支持(transitionend、animationend,但是它们都需要针对浏览器加前缀),js则需要自己写事件

css3有兼容性问题,而js大多时候没有兼容性问题。

6楼:匿名用户

javascript和jquery是错误地混为一谈。javascript动画是快速的。jquery是慢下来。

为什么呢?因为尽管jquery是非常强大的-它从未jquery的设计目标是一个高性能的动画引擎:

jquery是无法避免的 layout thrashing由于它的**库,多用在动画。

jquery的内存消耗经常触发垃圾收集暂时冻结的动画。

jquery使用setinterval代替requestanimationframe(raf)为为了保护自己的新手。

请注意,layout thrashing是什么原因导致缓慢的开始动画,垃圾收集是什么导致口吃的原因在动画,和raf的缺失是什么通常产生较低的帧速率。

css3动画和js动画各有什么优劣

7楼:匿名用户

css3的动画的优点:

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

2.**相对简单

但其缺点也很明显:

1.在动画控制上不够灵活

2.兼容性不好

3.部分动画功能无法实现(如滚动动画,视差滚动等)javascript的动画正好弥补了这两个缺点,控制能力很强,可以单帧的控制、变换,同时写得好完全可以兼容ie6,并且功能强大。但想想css动画的transform矩阵是c++级的计算,必然要比javascript级的计算要快。

另外对库的依赖也是一个很让人头疼的问题。

所以,对于一些复杂控制的动画,使用javascript会比较靠谱。而在实现一些小的交互动效的时候,就多考虑考虑css吧。

css3和javascript谁实现动画变化比较好

8楼:匿名用户

jquery呀, 有自定义动画的函数, 直接调用就可以了, 具体实现的话, 感觉js会强大的多

9楼:匿名用户

css3是浏览器原生自带的方法,不管是流畅度 还是渲染方式都比js的方法更快更好。

当然还有个canvas动画,这个基本可以替代flash的动画,但是这个就是js来实现的了。

一般的一些移动啊 旋转啊 淡入淡出 啊 缩放啊什么的 肯定是css3更好,快、流畅、效率高

10楼:匿名用户

不考虑兼容问题, 我觉得还是css3好

11楼:匿名用户

肯定是javascript css3好多浏览器不兼容

12楼:紫气扶摇

考虑到兼容性,现在还是js的比较多。

浏览器中动画渲染效率原生js高还是css高?

13楼:匿名用户

css的执行顺序是优先于js的,

css一旦被引入,立即存到浏览器内存中,

动画的话,当然是css高

css动画与js动画的差异?

14楼:三人行慕课

1. js动画**相对复杂一些

2. 动画运行时,对动画的控制程度上,js能够让动画暂停、取消、终止,css动画不能添加事件

3.动画性能看,js动画多了一个js解析的过程,性能不如css动画好

css 和 js 动画哪个更快

15楼:千锋教育

理论上来说应该是css更快一点,但是css同样有它的问题,那就是浏览器支持的情况。由于动画是在css3才引入的,所以不支持css3的老式浏览器就不能完成动画,这里一般指的是ie9以前的浏览器。如果想兼容ie的老版本的话,还得要用js来实现。

此外,js能够实现的动画更加丰富,css能够实现比较简单的动画。

css动画和js动画有什么区别

16楼:匿名用户

js动画可以写自己的逻辑控制速度,大小等,css动画没有复杂的逻辑,https://****apiref.

***/css-zh/properties/animation/index.htm

,这里有介绍。

CSS和JS动画哪个会更快,CSS 和 JS 动画哪个更快

1楼 千锋教育 理论上来说应该是css更快一点,但是css同样有它的问题,那就是浏览器支持的情况。由于动画是在css3才引入的,所以不支持css3的老式浏览器就不能完成动画,这里一般指的是ie9以前的浏览器。如果想兼容ie的老版本的话,还得要用js来实现。 此外,js能够实现的动画更加丰富,css能...

JS动画和CSS3动画,学习时应着重学习哪个

1楼 影子丶 当然是都要学好啦,不过工作中用的多的是js css3动画和js动画各有什么优劣 2楼 匿名用户 css3的动画的优点 1 在性能上会稍微好一些,浏览器会对css3的动画做一些优化 比如专门新建一个图层用来跑动画 2 相对简单 但其缺点也很明显 1 在动画控制上不够灵活 2 兼容性不好 ...

鸵鸟、兔子、羚羊那个跑得更快,猎豹和鸵鸟哪个跑的更快

1楼 姜酥羊羊 鸵鸟 时速可达到64公里 野兔最快据说可达到72公里 中欧的 羚羊时速可达到90公里 羚羊第一 野兔第二 鸵鸟第三 2楼 匿名用户 羚羊第一 野兔第二 鸵鸟第三 猎豹和鸵鸟哪个跑的更快 3楼 星光照亮了时空 猎豹是生活在非洲 中东以及印度的一种食肉性动物,以鹿和斑马等动物为食。一般认...