在探索Web应用的世界里，Android Webview无疑是个独特的挑战，特别是在比较JavaScript动画和CSS3动画的性能差异时。让我们深入探讨一下两者在不同平台上的表现。
现代浏览器: 在PC的主流浏览器中，CSS3的Animation和Transition无疑是一对黄金搭档。它们书写简洁，使用起来得心应手，流畅如丝，且过程中几乎无任何垃圾回收（GC）的困扰。然而，精心编写的JavaScript控制DOM动画，只要避免频繁的重排(reflow)，同样可以展现出流畅的动画效果。
在iOS Safari: 这里，无论是CSS3还是JavaScript动画，只要避免不必要的重排，都能轻松实现流畅体验。毕竟，性能优化是关键。
挑战在iOS Webview: 在这里，由于JavaScript的性能下降，CSS3动画可能是更好的选择，特别是在某个版本更新后，这种限制可能得到了缓解。但对于早期的版本和低版本Android，情况则大相径庭。
Android的挑战: 旧版本Android的Webkit性能有限，CSS3支持不足，2D Canvas存在bug，这使得复杂的动画和繁复的DOM结构在性能上显得捉襟见肘。Chrome for Android或Crosswalk可能是解决之道，尤其是在Android 4.4及以上版本，系统自带的Chromium提供了接近iOS Safari的体验。
然而，关于垃圾回收（GC）的思考: 当我们离开CSS3的舒适区，转向JavaScript动画时，GC就显得尤为重要。requestAnimationFrame的频繁调用会占用内存，可能导致GC在动画过程中触发。如果GC的时间超过了帧预算，动画就会出现卡顿。因此，明智的选择是利用无重排的transform属性，配合translateZ(0)来强制硬件加速，以减少性能影响。