React Native 学习之动画

来源:互联网 发布:电脑数据保护系统 编辑:程序博客网 时间:2024/06/05 22:35

动画效果实现方式如下几种:CSS3动画,JS模拟动画,rAF动画、svg。
CSS3动画:
scale, transform,rotate,animation,transition.
JS模拟:
(jQuery)$(…).animate()、$(…).show()、setInterval、setTimeout
rAF( requestAnimationFrame) :
优化后的setInterval和setTimeout
SVG:
优缺点对比:
这里写图片描述
总结: 如果比较复杂的用svg,如果强调性能不考虑兼容性用css3,如果考虑兼容性,比较简单的用js模拟动画,顺便考虑下rAF是否支持,如果支持就优化。

原创粉丝点击