前端开发

 首页 > 前端开发 > javascript > 浅谈javascript动画和css3动画的优缺点

浅谈javascript动画和css3动画的优缺点

分享到:
【字体:
导读:
          CSS3的动画的优点: 在性能上会稍微好一些,浏览器会对CSS3的动画做一些优化(比如专门新建一个图层用来跑动画) 代码相对简单 但其缺点也很明显: 在动画控制上不够灵活 兼容性不...

CSS3的动画的优点:


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

代码相对简单

但其缺点也很明显:


在动画控制上不够灵活

兼容性不好

部分动画功能无法实现(如滚动动画,视差滚动等)

JavaScript的动画正好弥补了这两个缺点,控制能力很强,可以单帧的控制、变换,同时写得好完全可以兼容IE6,并且功能强大。但想想CSS动画的transform矩阵是C++级的计算,必然要比javascript级的计算要快。另外对库的依赖也是一个很让人头疼的问题。


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


分享到:
原声Javascript基础实列
原声Javascript基础实列几个最基本的特效, 即:移动,渐变和尺寸变化。   Js中实现动画都是靠setInterval或者setTimeout来实现。setInterval自身就能不断循环来执行计算从而显示新的帧,setTimeout是间隔一段时间后仅执行一次,他需要配合函数循环实现,很多人偏爱setTimeout来实现。本文采用setInterval实现。   普...
js的变量有哪些
今天我们谈谈JS变量有哪些呢?下面我列举下。 NULL:空值,也是属于空对象,比如用TYPEOF 返回的是一个OBJECT对象 undefined:未定义 在JS中其实是表示定义了而未赋值的变量 true:逻辑值中的真 false:逻辑值中的假 Boolean:布尔型 逻辑型 NaN:不是一个数 number:数字 string:字符串 function:方法,是定义方法的关键...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……