页面下拉,数据重复

最新推荐文章于 2024-04-15 01:44:49 发布
最新推荐文章于 2024-04-15 01:44:49 发布
阅读量820 收藏
点赞数
分类专栏： 工作日常 文章标签： IOS Android 下拉 排序 Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011702673/article/details/90738049
版权

1.结果
排序字段有问题,经常被相关用户更新,导致排序异常,更换排序字段(不经常变化值的那种 比如创建时间)
2.排查过程
(1)接口进行拨测,数据正常返回
(2)前端验证数据正常渲染
(3)测试公网及办公网络均无法复现
(4)产品测试环境验证更新相关时间的情况下.数据下拉能够复现数据重复
(5)统计用户反馈,只有少部分人员及少部分时间出现这个问题
(6)后端代码review,发现排序字段为更新时间
(7)修改排序字段进行版本迭代
3.反思
(1).对于经常变化值的字段最好不要拿来做排序
(2)如果需要拿更新时间进行,应该进行页面全局刷新(同时接口也需要支持)而不是只是单独获取下一页的数据,导致上下俩页可能出现重复

青鹿279
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
z-paging 下拉刷新功能
m0_61828394的博客
05-24 2510
z-paging 下拉刷新功能
android 下拉分页,重复数据问题？？？
laoqiao3277的博客
01-02 1311
现在就是我在后台写了一个分页语句，查的是第1到第10为第一页，如果我新加一个，第10就变成第11个了，安卓现在不是下拉分页嘛，现在如果看的是第一页的数据，如果这时候新加一个数据，就把第10变成第11，那下拉出来的数据不是第10数据重复了？？？ 我写的sql是前面有个id的，安卓从手机传开始和结束，如果第一页是10条数据，就传1，10两个参数给后台，后台查询id从第1到第10条数据给安卓前台显示
Android 下拉分页重复数据问题解决思路
xwq911的专栏
11-27 1655
Android ListView 翻页是初学者都会碰到的问题，但是现在要实现它的方法和实例网上已经很多很多了，但是本菜鸟一直被一个问题所困扰。    是什么问题呢？咋们先来说说网页上的分页吧，比如每次分页显示是10条记录，那么客户端把要显示的页数和每页要显示的数量发送到服务器，然后服务器根据这两个参数去后来取数据，页码*页数，就是客户端请求的数据了，而客户端每次请求翻页时，每次显示的都是新的、服务
关于z-index的理解
RheaWang的博客
07-06 589
1. 层叠的黄金准则： 1.当具有明显的层叠水平标示的时候，如识别的z-index值，在同一个层叠上下文领域，层叠水平值大的覆 盖小的； 2.当元素的层叠水平一致，层叠顺序相同的时候，在DOM流中处于后面的元素会覆盖前面的元素。2 层级关系的比较 相对于同级比较，默认(position:static)情况下文档流后面的元素会覆盖前面的；对于同级元素，position不为st
uniapp开发使用插件z-paging实现页面下拉刷新、上拉加载，分页加载
热门推荐
qq_43799179的博客
09-05 1万+
uniapp实现开发下拉刷新、分页显示，上拉加载更多等
【uniapp踩坑记】使用z-paging组件，微信小程序端加载不出来问题解决
最新发布
夜
04-15 1094
使用z-paging踩到的坑
JetPack知识点实战系列六：Paging实现加载更多和下拉刷新，错误后重新请求
lcl130的专栏
09-15 1352
前面的教程我们遗留了一个问题：我们的列表只能请求第一页，本节我们将实现分页加载的效果和下拉刷新的效果。 本节内容您将学习到如下内容： 用Paging库实现加载更多 用Paging库和SwipeRefreshLayout结合实现下拉刷新 给RecyclerView添加Footer 加载失败进行重试 Android帧动画的实现方式 Paging的优势 Paging库之前，我们进行分页加载使用的方法是监听RecyclerView的滚动事件，当快滚动到底部的时候进行新数据的请求。 这个方法有一定的问题，譬如当用
下拉加载数据
12-11
而采用下拉加载数据的设计，当用户接近页面底部时，新的数据会自动加载，呈现出无缝滚动的效果。这样，用户可以逐步浏览更多的信息，而无需等待整个大页面的加载。 实现下拉加载数据的技术基础主要包括前端和后端两...
asp.net+jquery滚动滚动条加载数据的下拉控件
10-29
这种控件通常被称为无限滚动或者懒加载，它能够显著提升用户体验，避免一次性加载过多数据导致页面响应变慢。 首先，我们要明确需求：创建一个下拉列表，初始只显示一部分数据（如100条），随着用户滚动滚动条，...
uni-z-paging:【uni-app自动分页器】超简单！仅需两步轻松完成完整分页逻辑（刷新，上拉加载更多），分页自动处理。支持自定义加载更多的文字或整个视图，自定义拖动刷新样式，自动管理空数据view等
04-01
Z分页 【uni-app自动分页器】超简单，低重组！仅需两步轻松完成完整分页逻辑（翻页刷新，上拉加载更多），分页自动处理。支持自定义加载更多的文字或整个视图，自定义拖放刷新样式，自动管理空数据视图，支持吸顶效果等。 在DCloud插件市场中访问： ://ext.dcloud.net.cn/plugin?name=z-paging 反馈qq群（点击加群）： 平台兼容性 应用程序 5天 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 √ √ √ √ √ √ √ 预览 自定义拖动刷新效果+分页演示 吸顶效果+分页演示 滑动切换选项卡+分页演示 聊天记录模式+分页演示 功能与特点 【配置简单】仅需两步（绑定网络请求方法，绑定分页结果数组）轻松完成完整刷新刷新，上拉加载更多功能。 【低重组，低侵入】在页面中无需处理任何分页相关逻辑，无需在数据中定义任何分页相关变量，全
手机端上拉刷新下拉加载
11-03
1. 概念：下拉加载是指用户向下滚动到页面底部时，自动加载更多的内容，通常是分页数据的下一页。这种方式减少了用户翻页的繁琐操作，使得内容的浏览更加流畅。 2. 实现原理：下拉加载通过监听滚动事件，判断内容...
vue实现下拉加载其实没那么复杂
10-16
首先，我们来看一下实现下拉加载的基本原理：当用户滚动到页面底部时，触发一个事件，这个事件会向服务器请求新的数据并将其添加到当前数据列表中。在此过程中，我们通常需要监听滚动事件，并检查滚动位置是否接近...
下拉条件多选插件jQuery特效下载
11-02
标题中的“下拉条件多选插件...它可以帮助减少页面加载的数据量，只在需要时加载相关数据，同时提供更好的用户交互体验。如果你是开发者，理解并掌握如何使用和定制这类插件对于提升你的前端开发技能是非常有益的。
上拉加载更多重复调用
Too_greedy的博客
03-16 4373
今天帮朋友解决了一个bug.由于是朋友新手的缘故,找了一天也没找到.晚上找到我帮忙.先说下问题:(时间关系,代码就懒得帖出来.全部口述.提醒遇到类似问题的新手朋友注意一下.这是个小问题,很不起眼,但是有时候确实不太好找) 在tableView中,上拉加载cell的时候,松手之后,上拉方法又被调用了N次.界面也会在最后发生跳动 于是我看了朋友的代码,从头到尾仔细核对了各种逻辑,没发现什
解决页面数据重复问题。
m0_62154751的博客
08-22 464
最近在开发一个项目中遇到页面数据重复问题，自己思考了一下大概问题出哪，是因为加了分页的效果，当页面触底时，会再次请求，大家先看一下分页的处理。
html自带搜索的下拉框 datalist标签
m0_49191104的博客
10-28 4789
2.可以对值和选项进行搜索；（这也是过多的展示了多余的信息）1.使得下拉框可以自带搜索（这极大的便捷了用户输入）在下拉框选则使用时，选项较多比较难以查找。
一个select下拉菜单中有重复值code，value选中自己想要的那个
Lonely_L9的博客
09-10 855
我遇到的情况就是同一个code下面有多个不同的value <template> <div> {{value}} <el-select v-model="value" placeholder="请选择" @change="hand"> <el-option v-for="item in options" :key="item.value + item.label" :label="item.value + '_' + item.label" :va
uni-app使用slot插槽的不生效的问题
wm9028的专栏
09-14 3147
# uni-app使用slot插槽不生效的问题 > slot 元素作为组件模板之中的内容分发插槽。 元素自身将被替换。详情看vue 官方文档 最近使用z-paging的demo时，遇到了slot使用不能生效的问题。 ```css ``` ## 解决思路如下： 查看问题：slot 一直未编译，最后发
uniapp下拉刷新加载数据
09-09
在 UniApp 中，可以使用下拉刷新组件来实现下拉刷新加载数据的功能。 首先，在你的页面中添加一个 `<uni-scroll-view>` 组件，用于包裹需要下拉刷新的内容。然后，给 `<uni-scroll-view>` 添加 `@scrolltoupper` 事件监听器，当触发下拉刷新时会执行相应的方法。 接下来，你可以在 `data` 中定义一个变量来表示是否正在加载数据，比如 `isLoading`。当开始下拉刷新时，将 `isLoading` 设置为 `true`，并执行加载数据的逻辑。加载完成后，将 `isLoading` 设置为 `false`。 下面是一个简单的示例代码： ```html <template> <view> <uni-scroll-view :upper-threshold="50" @scrolltoupper="onPullDownRefresh"> <!-- 下拉刷新内容 --> <view v-if="isLoading">正在加载...</view> <view v-else> <!-- 展示数据 --> <view v-for="item in dataList" :key="item.id">{{ item.name }}</view> </view> </uni-scroll-view> </view> </template> <script> export default { data() { return { isLoading: false, dataList: [] }; }, methods: { onPullDownRefresh() { if (this.isLoading) { // 正在加载中，不重复请求 return; } this.isLoading = true; // 执行数据加载逻辑，比如调用接口获取数据 // 模拟异步加载 setTimeout(() => { this.dataList = [ { id: 1, name: '数据1' }, { id: 2, name: '数据2' }, { id: 3, name: '数据3' } ]; this.isLoading = false; }, 2000); } } }; </script> ``` 在上述代码中，`<uni-scroll-view>` 组件包裹了需要下拉刷新的内容，当触发 `@scrolltoupper` 事件时会执行 `onPullDownRefresh` 方法。在 `onPullDownRefresh` 方法中，你可以执行加载数据的逻辑，比如调用接口获取数据，并将加载状态控制变量 `isLoading` 设置为 `true`，加载完成后再设置为 `false`。 注意：上述示例代码中的数据加载逻辑只是一个简单的模拟，实际使用时你需要根据你的需求进行相应的修改。同时，你也可以根据需要对下拉刷新的样式进行自定义。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值