前端之---加载更多
2016-09-08 11:44
148 查看
今天get了一个新技能 只能说我越来越厉害了 哈哈哈哈
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/titter.gif)
先夸一下自己再写博客 必须的
有时候我们在做手机app的时候,我们想做一个效果,就是边滑动边加载数据,给用户一个好一点的体验。我找到了一篇文章,我觉得特别适合初学者
简单方便实用
![](https://img-blog.csdn.net/20160908113251072?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
我就是根据他所给的例子,然后自己动手,写自己的项目的。如果你觉得我写的不好,那么你可以去看看他的http://www.cnblogs.com/52fhy/p/5405541.html
在自己写这个例子的时候遇到了一点问题
1.js怎么写数组对象
2.这位大神用的是ajax,那我是不是也要用ajax
3.怎么实现这个功能
1.js怎么写数组 这个问题我想了很久啊 因为码农女 初出学校 功底不扎实啊
![](https://img-blog.csdn.net/20160908113828482?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
这是我模拟的一组数据 因为没有在后台写数据 所以只能模拟一下json数组
2.需不需要ajax?
肯定是不需要的阿 因为ajax请求就是从后台请求数据 所以我们自己写一组数据就好了
3.实现这个效果
在这里又有几个问题了
1.显示数据
![](https://img-blog.csdn.net/20160908114142683?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
简单的方法,就是使用拼接
2.怎么判断滚动
![](https://img-blog.csdn.net/20160908114249109?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
就这样实现了滚动效果。
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/titter.gif)
先夸一下自己再写博客 必须的
有时候我们在做手机app的时候,我们想做一个效果,就是边滑动边加载数据,给用户一个好一点的体验。我找到了一篇文章,我觉得特别适合初学者
简单方便实用
我就是根据他所给的例子,然后自己动手,写自己的项目的。如果你觉得我写的不好,那么你可以去看看他的http://www.cnblogs.com/52fhy/p/5405541.html
在自己写这个例子的时候遇到了一点问题
1.js怎么写数组对象
2.这位大神用的是ajax,那我是不是也要用ajax
3.怎么实现这个功能
1.js怎么写数组 这个问题我想了很久啊 因为码农女 初出学校 功底不扎实啊
这是我模拟的一组数据 因为没有在后台写数据 所以只能模拟一下json数组
2.需不需要ajax?
肯定是不需要的阿 因为ajax请求就是从后台请求数据 所以我们自己写一组数据就好了
3.实现这个效果
在这里又有几个问题了
1.显示数据
简单的方法,就是使用拼接
2.怎么判断滚动
就这样实现了滚动效果。
相关文章推荐
- 前端项目知识点整理-滚动加载更多
- RecyclerView 下拉刷新 加载更多 左滑删除 拖动排序
- 原生javascript移动端滚动到底部加载更多数据效果代码
- Android listView的上拉刷新(加载更多)
- 关于前端中几个加载触发事件
- SwipeRefreshLayout下拉刷新,加载更多XRecyclerView
- vue loadmore组件上拉加载更多功能示例代码
- 封装RecyclerViewAdapter实现RecyclerView下拉刷新上拉加载更多
- jquery制作图片瀑布流点击按钮加载更多内容
- Android如何优雅地实现ListView加载更多功能(2)
- JS 判断滚动底部并加载更多效果。。。。。。。。。
- listview下拉刷新和加载更多的优化
- ZrcListView:一个流畅又漂亮的Android下拉刷新与加载更多列表组件
- [前端] 图片预加载及获取属性
- H5加载更多小例子
- 使用SwipeRefreshLayout和自定义listview实现下拉刷新上啦加载更多
- Android ScrollView嵌套ListView嵌套GridView的上下拉以及加载更多
- 打造前端 Deepin Linux 工作环境——开机自动加载 ~/.bash_profile 文件
- listView下拉刷新,分页加载(无更多数据时添加底线)
- PullToRefresh实现简单的下拉刷新和上拉加载更多