需求 移动端使用angular实现下拉加载更多的条目,我们的思路就是当页面第一次加载的时候我们先固定请求一部分数据进行显示,之后使用js探测垂直滚动条的滚动距离,当页面即将触底的时候发送第n+1请求,为防止在请求过程中重复请求加入了截流判断,其次在请求过程中页面最底部出现加载等待动画。如图所示 指令 ...
分类:
其他好文 时间:
2016-10-12 14:14:14
阅读次数:
181
github地址: https://github.com/HowName/toutiao 项目为仿今日头条,使用了百度ApiStore接口查询数据,使用微信组件/api有 封装请求方法,底部tab,启动页动画,loading,scroll-view,swiper,列表页支持上下拉加载更多 效果图: ...
分类:
微信 时间:
2016-10-05 19:45:11
阅读次数:
893
开发项目中,需要用到下拉刷新,开始本来打算自己写这个效果的。但是,自己写的效果不流畅,显得死板。通过查询相关资料,发现了iscroll插件。 iScroll是一种高性能,小体积,无依赖性,跨平台的JS滚动,下拉刷新插件,可以动态加载分页内容。它适用于台式机,手机和智能电视。它的性能和尺寸大力优...
分类:
其他好文 时间:
2016-01-27 10:32:48
阅读次数:
1102
如今上拉刷新,下拉加载更多已经是浩如烟海的app的标配了最近正好有相关的需要就去学习了一下,还是那句老话凡事都靠自己来搞实在不是一件好事,费时费力不说可能还是在做无用功,不过自己研究学习还是很有必要的。不多说我用到的第三方框架叫xlistview这是它的托管地址:https://github.com...
分类:
移动开发 时间:
2015-12-21 21:44:40
阅读次数:
303
平滑的下拉加载更多地数据,例如下拉加载更多聊天记录,只要重写UITableView的setContentSize方法就可以实现。- (void)setContentSize:(CGSize)contentSize{ if (!CGSizeEqualToSize(self.contentSize...
分类:
其他好文 时间:
2015-12-11 15:02:20
阅读次数:
203
1 下载最新的iscroll5,本文版本是5.1.32 提取iscroll-probe.js,选择这个文件的原因是我们要给iscroll扩展一个事件,需要用到probeType 属性3 修改iscroll-probe.js的源码,添加上拉监听事件slideUp4 编辑页面Html:""+ ""+ ....
分类:
其他好文 时间:
2015-09-24 16:38:48
阅读次数:
222
jquery 手机端上拉刷新下拉加载更多页面 ...
分类:
移动开发 时间:
2015-09-01 20:00:52
阅读次数:
510
基于jQuery手机端上拉下拉刷新页面代码。这是一款类似QQ空间客户端或者微信下拉刷新页面特效代码。效果图如下:在线预览源码下载实现的代码。html代码: row 10 row 9 row 8 ...
分类:
移动开发 时间:
2015-08-07 13:05:42
阅读次数:
331
随着互联网时代的发展,web前端已经和后台数据挂钩,作为web前端仅仅不是只切图写写html,css 和简单js交互。js code 1 $(function() { 2 var page = 1; 3 var discount = $('#discount'); 4 ...
分类:
Web程序 时间:
2015-07-02 21:01:31
阅读次数:
163
接着上次来讲,这次来动手写一下listview的下拉刷新功能和上拉加载更多功能。
当然google在android4.0以上的API里面的提供了一个可以下拉加载更多的控件,这个小圆圈加载控件在豆瓣,知乎日报里面都有运用到,而我在下一篇博客也会提到。
先来了解一下最基本的listview的的加载功能吧。
首先是下拉刷新功能,我先说一下基本的思路。lis...
分类:
移动开发 时间:
2015-05-14 14:24:16
阅读次数:
259