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

基于dom模拟实现Table级联滚动的方法及装置 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:一网互通(北京)科技有限公司

摘要:本发明实施例中提供了一种基于dom模拟实现Table级联滚动的方法、装置及电子设备,属于数据处理技术领域,该方法包括:设置数据结构来模拟表格的DOM结构;依据表格容器的尺寸和滚动位置,计算当前的可视区域;当滚动事件触发时,计算滚动的偏移量,所述偏移量将用于更新虚拟DOM的可视区域;使用差异化算法比较更新前后的虚拟DOM,确定需要被添加、删除或更新的节点,进而生成差异化比较结果,根据差异化比较结果,执行最小必要的DOM操作来更新用户界面。本方案能够显著提高大数据量表格的渲染和滚动性能,简化实现复杂度,同时保证跨浏览器的兼容性。

主权项:1.一种基于dom模拟实现Table级联滚动的方法,其特征在于,包括:设置数据结构来模拟表格的DOM结构,所述数据结构包括行、列和单元格信息,以及行、列和单元格的位置、大小和样式属性,根据表格的数据源初始化虚拟DOM,将数据映射到虚拟DOM的结构中,为每一行、每一列和每个单元格创建虚拟节点;依据表格容器的尺寸和滚动位置,计算当前的可视区域,根据可视区域,从虚拟DOM中选择相应的节点,只有当节点进入可视区域时,才将其渲染为实际的DOM元素;在表格的父容器上设置滚动事件的监听器,当滚动事件触发时,计算滚动的偏移量,所述偏移量将用于更新虚拟DOM的可视区域,对于需要同步滚动的表格部分,根据滚动偏移量计算它们的新位置,并更新相应的虚拟DOM节点;使用差异化算法比较更新前后的虚拟DOM,确定需要被添加、删除或更新的节点,进而生成差异化比较结果,根据差异化比较结果,执行最小必要的DOM操作来更新用户界面。

全文数据:

权利要求:

百度查询: 一网互通(北京)科技有限公司 基于dom模拟实现Table级联滚动的方法及装置

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