本文章为综合其它资料所得。 根据Google Developer，Chromium项目里，渲染线程分为main thread和compositor thread。 如果CSS动画只是改变transforms和opacity，这时整个CSS动画得以在compositor ...

区别： 功能涵盖面，js比css大 实现/重构难度不一，CSS3比js更加简单，性能跳优方向固定 对帧速表现不好的低版本浏览器，css3可以做到自然降级 css动画有天然事件支持 css3有兼容性问题 ...

中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画 ...

css3的动画简单好用，但是性能方面存在一些问题，很多时候一不留神cpu就已经满了。 现在记下一些常用的技巧，去优化我们的css3的动画。 1. translate3d进行gpu加速 写动画的时候写个这个，保证能刚10%以上； 一个元素通过translate3d右移500px的动画流畅 ...

目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形来开启GPU加速 -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform ...

JS动画（逐帧动画） 　　首先，在js动画是逐帧动画，是在时间帧上逐帧绘制帧内容，由于是一帧一帧的话，所以他的可操作性很高，几乎可以完成任何你想要的动画形式。但是由于逐帧动画的帧序列内容不一样，会增加制作负担，且资源占有比较大。但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细 ...

JS动画： 　　缺点：1.JS在浏览器的主线程中运行，而主线程还有其他的js脚本，样式布局，绘制任务等，对其干扰可能导致线程出现阻塞，从而造成丢帧的情况。 　　　　　2.JS动画代码复杂度高于CSS3动画。 　　优点：1.JS动画控制能力很强，可以在动画播放过程中对动画进行控制，使其 ...

css与 js动画 优缺点比较 我们经常面临一个抉择：到底使用JavaScript还是CSS动画，下面做一下对比 JS动画 缺点：(1)JavaScript在浏览器的主线程中运行，而主线程中还有其它需要运行的JavaScript脚本、样式计算、布局、绘制任务 ...