求一些移动前端动画页面的框架和资源 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
FinalAir
V2EX    HTML

求一些移动前端动画页面的框架和资源

  •  
  •   FinalAir 2015-01-05 15:54:49 +08:00 5926 次点击
    这是一个创建于 3934 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天突然给我一个项目,是做某高校的门户网站的移动微站。要求实现成现在微信中可以看到的有很多小动画的页面(像财付通推的一些页面)。用jquery做了几个简单的动画效果,但是发现在ios上的体验很不好。得知好像在ios上做网页动画比较好的方案是用css3实现。

    不甚擅长前端,希望大家能提供一些做这方面页面的框架或者资源,希望能够快速上手,做几个demo出来。(html5动态页面,在Android和ios都能表现的比较流畅)谢谢!

    10 条回复    2015-01-06 13:52:58 +08:00
    miniers
        1
    miniers  
       2015-01-05 16:10:11 +08:00   1
    FinalAir
        2
    FinalAir  
    OP
       2015-01-05 16:18:01 +08:00
    @miniers 不错不错,研究研究
    loveuqian
        3
    loveuqian  
       2015-01-05 16:25:43 +08:00
    右侧不就有一个amazeUI。。。。
    novaeyoucom
        4
    novaeyoucom  
       2015-01-05 16:34:29 +08:00
    用GSAP, JQuery做动画不是很合适。另: 有些android放弃了吧, 啥动画都卡。
    FinalAir
        5
    FinalAir  
    OP
       2015-01-05 16:38:39 +08:00
    @novaeyoucom 不能放弃啊,放弃就没有工资了....
    novaeyoucom
        6
    novaeyoucom  
       2015-01-05 18:12:07 +08:00
    @FinalAir 不放弃啊, 涉及到动画的用GSAP, 不涉及动画用Jquery
    Kuro
        7
    Kuro  
       2015-01-05 18:18:36 +08:00 via Android
    js的动画库推荐velocityjs 性能要比jquery高
    FinalAir
        8
    FinalAir  
    OP
       2015-01-06 10:20:20 +08:00
    @Kuro 我需要的不一定是js动画,只要在移动平台上表现比较流畅的都行,移动端动画现在大多数都是CSS3的居多
    Kuro
        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动画库也请告诉我~
    FinalAir
        10
    FinalAir  
    OP
       2015-01-06 13:52:58 +08:00
    @Kuro 嗯,好的
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5473 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 37ms UTC 08:37 PVG 16:37 LAX 01:37 JFK 04:37
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86