V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
FinalAir
V2EX  ›  HTML

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

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

    今天突然给我一个项目,是做某高校的门户网站的移动微站。要求实现成现在微信中可以看到的有很多小动画的页面(像财付通推的一些页面)。用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   ·   实用小工具   ·   1032 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 62ms · UTC 20:31 · PVG 04:31 · LAX 12:31 · JFK 15:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.