随着移动端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入门指南》
贝尔曲线:《贝塞尔曲线初探》