pagerefresh
pagerefresh
优雅的H5下拉刷新。零依赖，高性能，多主题，易拓展。
喜欢，你就给一个star!
零依赖（原生JS实现，不依赖于任何库）
多平台支持。一套代码，多端运行，支持Android，iOS，主流浏览器
丰富的主题，官方提供多种主题（包括默认，applet-仿小程序，drawer3d-3d抽屉效果，taobao-仿淘宝等）
高性能。动画采用css3+硬件加速，在主流手机上流畅运行
良好的兼容性。支持和各种Scroll的嵌套（包括mui-scroll,IScroll,Swipe等），支持Vue环境下的使用
易拓展，三层架构，专门抽取UI层面，方便实现各种的主题，实现一套主题非常方便，而且几乎可以实现任何的效果
优雅的API和源码，API设计科学，简单，源码严谨，所有源码通过ESlint检测
完善的文档与示例，提供完善的showcase，以及文档
文档
https://ggwujun.github.io/page-refresh-com/
https://ggwujun.gitbooks.io/page-refresh/content/
安装
npm install page-refresh--save-dev(一般推荐本地安装)
https://www.npmjs.com/package/page-refresh
git clone git://https://github.com/GGwujun/page-refresh.git
https://github.com/GGwujun/page-refresh.git
引入
//同时支持NPM与文件形式引入
varMiniRefreshTools=require('xxx/pagerefresh.js');
require('xxx/minirefresh.css');
//debug下是.js dist下是.min.js
importpagerefreshfrom'page-refresh';
import'page-refresh/dist/page-refresh.min.css'
页面布局
页面布局
初始化
初始化
结束刷新
结束刷新
效果
1. 【基础新闻列表】最基本的下拉刷新使用
2. 【多列表单容器】每次切换菜单时刷新容器
3. 【多列表多容器】多个列表都有一个Minirefresh对象
4. 【Vue支持】支持Vue下的使用
1. 【Mui-Slider】内部嵌套图片轮播
1. 【applet】仿微信小程序主题
2. 【taobao】仿淘宝刷新主题
4. 【drawer-slider】滑动抽屉效果主题
贡献
pagerefresh需要你!
来为项目添砖加瓦，新的Idea，新的主题，重大Bug发现，新的设计资源（如图标，官网设计等）
都可以通过Issue或PR的方式提交！
贡献被采纳后会加入贡献者名单，如果有杰出贡献（如持续贡献），可以加入Manager小组，共同开发维护pagerefresh
有共同参与项目意愿的，可以申请成为Member，成为pagerefresh真正的主人！
讨论
QQ群（225192209）
微信公众号（web前端开发大师兄）
web前端开发大师兄
注意，申请加入群时请添加验证信息，例如：pagerefresh使用遇到问题等等
网友评论