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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4116 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/

CSS3

高性能

material

12 replies • 2015-12-29 11:22:05 +08:00

wdhwg001

Mar 2, 2015 via iPhone

在我的ios8 ip6上是卡的…原因在于箭头在慢慢下拉的时候旋转太生硬，缺帧或者是缺残影…

kmvan

Mar 2, 2015

不知道是不是我的手机配置垃圾，MX3.
能感觉到明显掉帧卡顿，发热瞬间提供了很多，CPU也突破 600Mhz 的低频水平了。
不过看起来貌似挺实用的效果，有点想用了！

arachide

Mar 2, 2015

喜欢这种小而美的css库

loading

Mar 2, 2015

react-canvs 才是未来

allan1st

Mar 2, 2015

下拉时目测只有 5fps，很遗憾。

bfti

Mar 2, 2015

@kmvan 波浪线怎么回事?

kmvan

Mar 2, 2015

@bfti 波浪线怎么回事?
那个不是波浪线，是柱形图。如果柱子在绿色横线上放，就说明了 CPU 和 GPU 处于高负载状态，并且运作不过来，导致卡帧掉帧现象。
你可以看到，那时 cpu 54度，电流和电压是平时的4～5倍多，GPU 频率也是平时 5 倍。

SamZeng

Mar 2, 2015

@kmvan 原机的测试工具吗？

javaluo

Mar 2, 2015 via Android

好看不是非常流畅

kmvan

Mar 2, 2015

@SamZeng 原机的测试工具吗？
对，mX3 flYMe3.8.5 anDroiD ruN tiME moDe, anDroiD 4.4.4

teddy1004

Mar 3, 2015

下拉的效果有点糟糕，其他挺棒的，很好看。

knightliao

Dec 29, 2015 via iPhone

@knightliao