V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
lightningtgc
V2EX  ›  JavaScript

Material Design 下拉刷新组件,基于 CSS3 与 JavaScript 实现,高性能,适用于移动 web 开发。

  •  2
     
  •   lightningtgc · 2015-03-02 16:51:33 +08:00 · 4866 次点击
    这是一个创建于 3314 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Material Design swipe to refresh js版本,不影响页面布局结构,
    基于CSS3动画实现,高性能,适用于移动web上使用。
    总3种实现效果,使用方法简单。

    详细说明介绍参见:
    Github: https://github.com/lightningtgc/material-refresh

    演示DEMO: http://lightningtgc.github.io/material-refresh/

    12 条回复    2015-12-29 11:22:05 +08:00
    wdhwg001
        1
    wdhwg001  
       2015-03-02 19:30:04 +08:00 via iPhone
    在我的ios8 ip6上是卡的…原因在于箭头在慢慢下拉的时候旋转太生硬,缺帧或者是缺残影…
    kmvan
        2
    kmvan  
       2015-03-02 19:45:10 +08:00

    不知道是不是我的手机配置垃圾,MX3.
    能感觉到明显掉帧卡顿,发热瞬间提供了很多,CPU也突破 600Mhz 的低频水平了。
    不过看起来貌似挺实用的效果,有点想用了!
    arachide
        3
    arachide  
       2015-03-02 20:34:06 +08:00
    喜欢这种小而美的css库
    loading
        4
    loading  
       2015-03-02 20:46:20 +08:00
    react-canvs 才是未来
    allan1st
        5
    allan1st  
       2015-03-02 20:56:32 +08:00
    下拉时目测只有 5fps,很遗憾。
    bfti
        6
    bfti  
       2015-03-02 22:00:41 +08:00
    @kmvan 波浪线怎么回事?
    kmvan
        7
    kmvan  
       2015-03-02 22:13:42 +08:00
    @bfti 波浪线怎么回事?
    那个不是波浪线,是柱形图。如果柱子在绿色横线上放,就说明了 CPU 和 GPU 处于高负载状态,并且运作不过来,导致卡帧掉帧现象。
    你可以看到,那时 cpu 54度,电流和电压是平时的4~5倍多,GPU 频率也是平时 5 倍。
    SamZeng
        8
    SamZeng  
       2015-03-02 22:25:27 +08:00
    @kmvan 原机的测试工具吗?
    javaluo
        9
    javaluo  
       2015-03-02 22:40:35 +08:00 via Android
    好看 不是非常流畅
    kmvan
        10
    kmvan  
       2015-03-02 23:24:08 +08:00
    @SamZeng 原机的测试工具吗?
    对,mX3 flYMe3.8.5 anDroiD ruN tiME moDe, anDroiD 4.4.4
    teddy1004
        11
    teddy1004  
       2015-03-03 17:22:46 +08:00
    下拉的效果有点糟糕,其他挺棒的,很好看。
    knightliao
        12
    knightliao  
       2015-12-29 11:22:05 +08:00 via iPhone
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2984 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:06 · PVG 23:06 · LAX 08:06 · JFK 11:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.