网站首页 > 技术文章 正文
下拉加载更多的情况下要怎么做到?下拉加载像我这样子,比如正页,往下拉,它会一直往上加载。这个要怎么做到?看一下具体的实现。
这个是采用到数组分页叠加的方法,看一下它的代码。最主要的就是在这边,因为在货端请求的情况下会这样子,把新的一页的数组,就是新调回来的按分页调参数传进去调回来的数组,叠加在数组当中,造成数组的叠加,把传回来的新的分页一起叠加,在前台显示。
这节课主要是讲一下这两个的区别。
·一个是用到了一个concate,这个就是把数组放在数组的末尾,返回新的数组。而下面这个点,数组的方式会新生成一个新的数组,不会直接放在后面而是新生成一个新的数组。这个根据大家不同的情况,大家可以自己去尝试,还是有区别的。
·在前端会传入一个配置的前端,传递的分页的参数,我是每十条显示,调起十条,这个是计算起始位置,调回来之后在前端进行叠加,叠加之后在前端显示,应该能容易理解。
·往下拉的时候就是页码加一,去后端吊起数据第二页的数据,把第一页的数据叠加起来,往上拉的时候数组就会一直叠加,所以造成整个加载更多产生这样的效果。
今天这节课感谢大家的观看,不知道大家有没有其他更好的方法,欢迎在评论区里面留言。大家这两个方法可以都去尝试一下,看有没有什么区别,有没有区别自己去尝试一下。
猜你喜欢
- 2024-09-30 JavaScript数组_数组方法「二」(二十七)
- 2024-09-30 table组件,前端如何使用table组件打印数组数据
- 2024-09-30 前端数组改字符串方法 前端数组改字符串方法是什么
- 2024-09-30 javascript复制数组的三种方式 javascript复制粘贴
- 2024-09-30 第21节 检测数组、类数组及多维数组-Web前端开发之Javascript
- 2024-09-30 前端系列——ES6中循环数组的方法
- 2024-09-30 前端已死?请用TS写出20个数组方法的声明
- 2024-09-30 springboot项目中,前端如何传递一个自定义对象数组给后端
- 2024-09-30 带你走进javascript数组的世界 javascript数组操作方法
- 2024-09-30 每天学点 ES6 —— 数组(二) es6数组处理方法
你 发表评论:
欢迎- 05-11FANUC修改前端目录教程
- 05-11前端分享-Set你不知道的事
- 05-11jq+ajax+bootstrap改了一个动态分页的表格
- 05-11千万级大表分页查询效率剧降,你会怎么办?
- 05-11Elasticsearch深度分页
- 05-11如何写一个简单的分页
- 05-11手速太快引发分页翻车?前端竞态陷阱揭秘
- 05-11「linux」Socket缓存是如何影响TCP性能的?
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)