列表消息补充加载方法、装置、电子设备及存储介质制造方法及图纸

技术编号:40949694 阅读:27 留言:0更新日期:2024-04-18 20:24
本发明专利技术实施例涉及数据处理技术,公开了一种列表消息补充加载方法、装置、电子设备及存储介质。本实施方式中,设置单页列表加载的消息条数,并在列表的预设位置的消息中绑定回调函数;消息加载的过程中,通过交叉观察器监听到所述预设位置的消息的加载符合预设条件时,调用所述回调函数执行列表消息的补充加载。本发明专利技术实施例通过交叉观察器监听到目标消息加载符合预设条件时执行回调函数对列表消息进行补充加载,实现了列表消息的主动追加和自适配补充,不需要频繁调用监听函数,此外,本发明专利技术实施例不需要通过调整列表加载的消息条数上限来处理浏览器视口的高度大于一页列表内容的高度的问题,解决了对浏览器视口的自适配灵活度不足的问题。

【技术实现步骤摘要】

本专利技术实施例涉及数据处理,特别涉及一种列表消息补充加载方法、装置、电子设备及存储介质


技术介绍

1、为兼顾用户体验和渲染性能及服务端请求效率,数据的列表消息多采用分页返回并渲染的加载形式,比如聊天列表,企业通讯录列表等,其中根据与用户的交互要求,类似聊天列表这种多采用单页滚动加载并显示的方式。根据当前现有的实现方式,通过列表消息加载后监听当前浏览器视口的滚动条状态来实现请求上一页或下一页数据,通过判断滚动条是否置顶或置底来触发请求。

2、专利技术人发现,当前采用滚动条的监听形式进行列表消息加载存在以下几个问题:

3、1、每次滚动都会频繁的触发监听函数,导致监听函数在平常滚动中都会频繁的被触发,需要在监听函数内新增判断减少逻辑处理及添加节流逻辑以减少额外的性能消耗,体验效果也较差;

4、2、当前浏览器视口的高度大于一页列表内容的高度时,并无滚动条显示,这样会导致页面无法向上或向下加载,需要修改单页的列表加载的消息条数以满足浏览器视口的最大显示高度,在这种情况下需要补充追加逻辑,增加了逻辑的复杂性,此外,对修改列表加载本文档来自技高网...

【技术保护点】

1.一种列表消息补充加载方法,其特征在于,所述方法包括:

2.根据权利要求1所述的列表消息补充加载方法,其特征在于,所述设置单页列表加载的消息条数,包括:

3.根据权利要求1所述的列表消息补充加载方法,其特征在于,所述在每页列表的预设位置的消息中绑定回调函数,包括:

4.根据权利要求3所述的列表消息补充加载方法,其特征在于,所述预设条件包括:所述第一条消息或最后一条消息与浏览器视口之间的交叉满足预设阈值。

5.根据权利要求1所述的列表消息补充加载方法,其特征在于,所述执行列表消息的补充加载,包括:

6.根据权利要求5所述的列表消...

【技术特征摘要】

1.一种列表消息补充加载方法,其特征在于,所述方法包括:

2.根据权利要求1所述的列表消息补充加载方法,其特征在于,所述设置单页列表加载的消息条数,包括:

3.根据权利要求1所述的列表消息补充加载方法,其特征在于,所述在每页列表的预设位置的消息中绑定回调函数,包括:

4.根据权利要求3所述的列表消息补充加载方法,其特征在于,所述预设条件包括:所述第一条消息或最后一条消息与浏览器视口之间的交叉满足预设阈值。

5.根据权利要求1所述的列表消息补充加载方法,其特征在于,所述执行列表消息的补充加载,...

【专利技术属性】
技术研发人员:韩拯彭霄赵建华
申请(专利权)人:深圳市潮流网络技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1