前端动画总结

随着移动端webapp开发越来越多,动画在前端开发中占用的时间也越来越多,在这里把以前看的一些和动画相关的文章分享一下。

先来看看css动画和js动画的效率比较:

《CSS 和 JS 动画哪个更快》 ,
《Myth Busting: CSS Animations vs. JavaScript》,
《放弃使用jQuery实现动画》

js动画效率要优于css动画,但是如果css动画使用正确的属性这效率也不差,并且简单。所以请看CSS动画的文章:

《High Performance Animations》

这里说到使用position(位置), scale(比例缩放), rotation(旋转) 和 opacity(透明度)这四种属性,可以保证CSS动画效率。

再来看看CSS动画的一个实践:

《涨姿势!CSS3动画帧数科学计算法》

推荐一个CSS动画的书籍:

图解css3:核心技术与案例实战(豆瓣)

js动画中有一个requestAnimationFrame方法:

《HTML5探秘:用requestAnimationFrame优化Web动画》,
《CSS3动画那么强,requestAnimationFrame还有毛线用?》

一些相关知识:

GPU:《被解放的GPU》

webGL:《WebGL入门指南》

贝尔曲线:《贝塞尔曲线初探》

W3C RAF:《Timing control for script-based animations》

posted @ 2015-03-24 15:28  hippor  阅读(252)  评论(0编辑  收藏  举报