今天突然给我一个项目,是做某高校的门户网站的移动微站。要求实现成现在微信中可以看到的有很多小动画的页面(像财付通推的一些页面)。用jquery做了几个简单的动画效果,但是发现在ios上的体验很不好。得知好像在ios上做网页动画比较好的方案是用css3实现。
不甚擅长前端,希望大家能提供一些做这方面页面的框架或者资源,希望能够快速上手,做几个demo出来。(html5动态页面,在Android和ios都能表现的比较流畅)谢谢!
1
miniers 2015-01-05 16:10:11 +08:00 1
|
3
loveuqian 2015-01-05 16:25:43 +08:00
右侧不就有一个amazeUI。。。。
|
4
novaeyoucom 2015-01-05 16:34:29 +08:00
用GSAP, JQuery做动画不是很合适。另: 有些android放弃了吧, 啥动画都卡。
|
5
FinalAir OP @novaeyoucom 不能放弃啊,放弃就没有工资了....
|
6
novaeyoucom 2015-01-05 18:12:07 +08:00
@FinalAir 不放弃啊, 涉及到动画的用GSAP, 不涉及动画用Jquery
|
7
Kuro 2015-01-05 18:18:36 +08:00 via Android
js的动画库推荐velocityjs 性能要比jquery高
|
9
Kuro 2015-01-06 11:23:43 +08:00 2
@FinalAir 做移动端的动画有个要点是尽可能的多利用GPU,你在元素CSS的transform属性上加一个translateZ(0)会强制浏览器使用GPU来渲染,这样动画会流畅很多,Velocityjs有个开启GPU加速的mobileHA选项也是利用的这个原理。
动画性能方面虽然Velocityjs自称比CSS3性能高,但我实际测试的结果还是CSS3性能最好 CSS3如果不用框架的话的确比较难控制,使用Velocityjs可以做出很漂亮的动画流。我目前是简单的动画用CSS3,复杂的动画用Velocityjs。如果有人知道好用的CSS3动画库也请告诉我~ |