一种前端列表组件的大数据渲染更新方法、设备及介质技术

本发明专利技术公开了一种前端列表组件的大数据渲染更新方法、设备及介质，本发明专利技术包括客户端为前端列表组件创建信号对象（Signals）；客户端向服务端创建fetch长链接请求并获取首页数据，解析服务端返回数据流得到首页数据并追加到信号对象并触发前端列表组件执行首页视图局部更新；监听服务端因响应前端列表组件的分页器的切换分页操作返回数据流，若监听到服务端因响应前端列表组件的分页器的切换分页操作返回数据流则解析服务端返回数据流得到单页数据并追加到信号对象并触发前端列表组件执行单页视图局部更新。本发明专利技术旨在提升前端列表组件的大数据渲染速度，解决前端列表组件一次性大数据加载渲染的等待时间过长以及数据实时性的问题。

【技术实现步骤摘要】

本专利技术涉及计算机领域的前端列表组件的渲染加速技术，具体涉及一种前端列表组件的大数据渲染更新方法、设备及介质。

技术介绍

1、在web项目在使用前端列表组件配合分页器进行大数据（一般超过100行可认为是大数据）的分页显示。但是在实际环境使用过程中，随着大数据的资源数量的增长，在一次性向后端请求加载所有数据的时候，会出现数据量过大的情况，导致等待加载时间和列表渲染时间变长，列表长时间处于载入（loading）空白状态，尤其是在多客户端需要同时操作的情况下，不能保证数据的实时性。同时，现有技术在列表数据更新时，采用了前端脏检查机制从根组件遍历检查模板中dom（document object model，文档对象模型）元素对应绑定表达式的值是否有被改变，由于遍历操作需要较长的时间，导致列表等待时间加长。

技术实现思路

1、本专利技术要解决的技术问题：针对现有技术的上述问题，提供一种前端列表组件的大数据渲染更新方法、设备及介质，本专利技术旨在提升前端列表组件的大数据渲染速度，解决前端列表组件一次性大数据加载渲染的等本文档来自技高网...

【技术保护点】

1.一种前端列表组件的大数据渲染更新方法，其特征在于，包括：

2.根据权利要求1所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤S101中还包括客户端为前端列表组件执行空列表视图渲染。

3.根据权利要求1所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤S101中还包括客户端禁用前端列表组件的分页器的切换分页操作功能；步骤S103中通过信号对象Signals的更新操作触发前端列表组件执行首页视图局部更新之后还包括解除前端列表组件的分页器的切换分页操作功能的禁用。

4.根据权利要求1所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤S...

【技术特征摘要】

1.一种前端列表组件的大数据渲染更新方法，其特征在于，包括：

2.根据权利要求1所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤s101中还包括客户端为前端列表组件执行空列表视图渲染。

3.根据权利要求1所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤s101中还包括客户端禁用前端列表组件的分页器的切换分页操作功能；步骤s103中通过信号对象signals的更新操作触发前端列表组件执行首页视图局部更新之后还包括解除前端列表组件的分页器的切换分页操作功能的禁用。

4.根据权利要求1所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤s102中客户端向服务端创建fetch长链接请求并获取首页数据时，包括根据预设的默认每页展示条数和默认排序向服务端发起获取首页数据请求以获取首页数据和总数据量。

5.根据权利要求4所述的前端列表组件的大数据渲染更新方法，其特征在于，步骤s103中通过信号对象signals的更新操作触发前端列表组件执行首页视图局部更新时，还包括修改前端列表组件的分页器的状态，包括：更新分页器的页数为总数据量以默认每页展示条数后再向上取整得到的数值，以及更新分页器的当前页数为首页。

6.根据权利要求4所述的前端列表组件的大数据渲染...

【专利技术属性】
技术研发人员：余琴，伍洲，钟生平，黄浩，杨荣举，赵文浩，王瑞哲，
申请(专利权)人：麒麟软件有限公司，
类型：发明
国别省市：