首页 专利交易 科技果 科技人才 科技服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

【发明公布】基于虚拟DOM的数据渲染方法及装置_企查查科技股份有限公司_202311842810.7 

申请/专利权人:企查查科技股份有限公司

申请日:2023-12-28

公开(公告)日:2024-05-03

公开(公告)号:CN117972255A

主分类号:G06F16/958

分类号:G06F16/958;G06F16/957

优先权:

专利状态码:在审-实质审查的生效

法律状态:2024.05.21#实质审查的生效;2024.05.03#公开

摘要:本发明提供一种基于虚拟DOM的数据渲染方法及装置,通过设置虚拟DOM,采用虚拟DOM来管理真实DOM节点的展示,通过现有的DOM节点实现数据的替换,使得页面在处理极大数据量的情况下仍能保持相对平滑、流畅的状态。优化了展示大量数据的体验,确保在展示所有数据的情况下,用户能够无限加载、操作DOM元素。通过对不同浏览器使用相应的滚动事件,结合节流和防抖等技术控制DOM更新频率,提高滚动性能。

主权项:1.一种基于虚拟DOM的数据渲染方法,其特征在于,包括步骤:构建父元素,确定可视区域;构建真实容器,并对其进行相对定位,基于显示元素总数动态设置装载所述真实容器的虚拟列表宽度和虚拟列表高度;对所有元素进行绝对定位,并临时定义一个元素的最小元素宽度和最小元素高度;计算虚拟列表宽度和虚拟列表高度,其中,虚拟列表宽度=横向数据数量*最小元素宽度,虚拟列表高度=纵向数据数量*最小元素高度;确定可视区域显示的元素行数和列数;当滑动页面时,获取可视区域所要展示的当前元素,根据当前元素的宽度和高度更新虚拟列表宽度和虚拟列表高度,注册并监听滚动事件,基于滑动距离获取当前元素内容,将当前元素进行渲染并在可视区域显示。

全文数据:

权利要求:

百度查询: 企查查科技股份有限公司 基于虚拟DOM的数据渲染方法及装置

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。