css animation 带有 infinite 会导致耗电和发热极其高
当页面存在带循环动画(如 .some-node {animation: ani-name 2s infinite;})的 css 元素,手机(IOS 表现更为明显)会在一分钟之内快速耗电、发热(IOS 很烫手,而且每隔几秒掉 1% 的电),并且非常影响其他的交互(如 scroll-view 的在拖动时会上下调动、其他元素的动画没有中间态等)。 本人手上的 iphone 6s ios 12.1,测试人员用的 vivo、iphone 6p 等均会出现,但总体是 IOS 会更突出。