84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
测试用机是米3。做的一个场景动画,iphone4下都很流畅,而安卓机跪了,尤其集中在面积较大的动画执行上,米3惨不忍睹,MOTO G稍微好一点,大家有什么好建议吗
学习是最好的投资!
按下面顺序优化一遍吧:
opacity: 1;
-webkit-backface-visibility: hidden;
css shadow
background-attachment: fixed
翻墙读一下High Performance Animations吧:
按下面顺序优化一遍吧:
如果是,尽可能将动画元素absolute化以避免影响文档树,造成大面积重新计算layout。
“用到了CSS3动画”和“开启了硬件加速”是两件事情,虽然前者有可能导致后者。
开启硬件加速在webkit中有神奇的万金油:
opacity: 1;
或者-webkit-backface-visibility: hidden;
。css shadow
、background-attachment: fixed
等)有的话,图片也是一种选择。这算得上是用空间换时间的优化了。
如果是,只好缩小动画面积了。这一步的优化有限,基本上还是依赖于上面三者
翻墙读一下High Performance Animations吧: