推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
lightningtgc

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

  •  2
     
  •   lightningtgc · Mar 2, 2015 · 6247 views
    This topic created in 4265 days ago, the information mentioned may be changed or developed.

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

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

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

    12 replies  •  2015-12-29 11:22:05 +08:00
    wdhwg001
    wdhwg001
    Mar 2, 2015 via iPhone
    1
    在我的ios8 ip6上是卡的…原因在于箭头在慢慢下拉的时候旋转太生硬,缺帧或者是缺残影…
    kmvan
    kmvan
    Mar 2, 2015
    2

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