【技术实现步骤摘要】
本专利技术涉及互联网，尤其涉及一种显示数据的渲染方法、装置、电子设备及存储介质。
技术介绍
1、随着科学技术的发展，各类产品的使用群体逐渐扩大，其中，浏览器的页面中运行的javascript语言采用的是单线程模型（浏览器的每个页面中只能执行一个javascript线程，不能创建额外的线程，不能开展并行任务），即前端使用javascript只能使用单线程处理所有任务。
2、在现有技术中，当javascript线程加载一大段数据时，后端数据可以一次性返回，前端基于单线程将后端数据生成为树形结构数据，最后渲染到前端的页面，由于javascript线程和渲染线程是互斥的，javascript线程长期占用中央处理器（centralprocessing unit，cpu）会导致渲染线程无法被cpu执行(阻塞渲染)，从而造成页面长期空白或者卡顿，严重影响了用户体验。
3、可见，现有技术中存在对显示数据的渲染性能较差的问题。
技术实现思路
1、本专利技术实施例提供一种显示数据的渲染方法、装置、电子设备及存储介质，以解决现有技术中对显示数据的渲染性能较差的问题。
2、第一方面，本专利技术实施例提供一种显示数据的渲染方法，所述方法包括：
3、获取服务器发送的待渲染数据，所述待渲染数据为树形结构数据，所述树形结构数据包括至少一个一级节点；
4、生成所述待渲染数据的第一信息，所述第一信息包括所述待渲染数据中每个一级节点包括的总目标数以及每个一级节
5、基于所述第一信息对所述待渲染数据按照所述一级节点进行分组，得到渲染数据集，所述渲染数据集包括至少一个数据集，数据集包括部分所述一级节点；
6、采用异步方法对所述渲染数据集进行数据预处理，得到第一页面数据，并基于所述第一页面数据对待渲染页面进行渲染。
7、可选地，所述第一信息还包括目标数组，所述目标数组为按照每个一级节点包括的总目标数和每个一级节点对应的层级为顺序的元素序列；
8、所述生成所述待渲染数据的第一信息，包括：
9、获取每一个一级节点所匹配的目标数据，并对所述目标数据进行遍历和递归处理，得到所述每个一级节点包括的总目标数；
10、基于所述待渲染数据确定数据字段，并在所述数据字段中获取所述每个一级节点对应的层级；
11、基于所述每个一级节点包括的总目标数和所述每个一级节点对应的层级生成所述目标数组，所述目标数组的数量与所述一级节点的数量匹配。
12、可选地，所述基于所述第一信息对所述待渲染数据按照所述一级节点进行分组，得到渲染数据集，包括：
13、基于所述目标数组计算每个一级节点对应的节点分组价值；
14、将所述每个一级节点对应的子节点分组价值进行整合，得到树形结构分组价值集合，所述树形结构分组价值集合表示所述每个一级节点对应的节点分组价值的集合；
15、对所述树形结构分组价值集合中的每一个树形结构分组价值进行排序，并抽取第一树形结构分组价值和第二树形结构分组价值，所述第一树形结构分组价值和所述第二树形结构分组价值分别为所述树形结构分组价值集合的首尾两位；
16、在所述第一树形结构分组价值和所述第二树形结构分组价值满足预设条件的情况下，将所述第一树形结构分组价值和第二树形结构分组价值分别对应的一级节点分入至第一组别，所述第一组别为所述渲染数据集中的一个数据集。
17、可选地，所述节点分组价值通过如下方式得到：
18、基于所述目标数组调用对应的一级节点包括的总目标数以及层级；
19、获取第一影响因子和第二影响因子，所述第一影响因子为一级节点下总目标数影响因子，所述第二影响因子为一级节点层级深度影响因子，所述第一影响因子与所述第二影响因子的和为1；
20、将第一乘积和第二乘积相加，得到对应的一级节点的子节点分组价值，所述第一乘积为所述第一影响因子与对应的一级节点包括的总目标数的乘积，第二乘积为所述第二影响因子与对应的一级节点的层级的乘积；
21、整合所有一级节点对应的子节点分组价值，得到所述节点分组价值。
22、可选地，所述在所述第一树形结构分组价值和所述第二树形结构分组价值满足预设条件的情况下，将所述第一树形结构分组价值和第二树形结构分组价值分别对应的一级节点分入至第一组别，所述第一组别为所述渲染数据集中的一个数据集，包括：
23、在所述第一树形结构分组价值和所述第二树形结构分组价值满足预设条件的情况下，确定所述第一树形结构分组价值和所述第二树形结构分组价值分别对应的一级节点索引值；
24、基于所述一级节点索引值将所述第一树形结构分组价值对应的一级节点和所述第二树形结构分组价值对应的一级节点分入至所述第一组别；
25、其中，所述预设条件为所述第一树形结构分组价值匹配的总目标数与所述第二树形结构分组价值匹配的总目标数的和小于或等于分组预设阈值。
26、可选地，所述采用异步方法对所述渲染数据集进行数据预处理，得到第一页面数据，并基于所述第一页面数据对待渲染页面进行渲染，包括：
27、创建任务队列，所述任务队列的数量与所述渲染数据集的数量匹配；
28、将所述渲染数据集分流至所述任务队列；
29、对在所述任务队列中的所述渲染数据集进行遍历，得到所述第一页面数据；
30、基于所述第一页面数据实时渲染所述待渲染页面。
31、可选地，在所述获取服务器发送的待渲染数据之后，所述方法还包括：
32、获取分组预设阈值和当前树形结构数据的数据量，所述当前树形结构数据的数据量基于所述待渲染数据生成得到；
33、在所述数据量小于或等于所述分组预设阈值的情况下，对所述待渲染数据进行树形结构化处理，得到第二页面数据，并基于所述第二页面数据对待渲染页面进行渲染。
34、第二方面，本专利技术实施例提供一种显示数据的渲染装置，包括：
35、第一获取模块，用于获取服务器发送的待渲染数据，所述待渲染数据为树形结构数据，所述树形结构数据包括至少一个一级节点；
36、生成模块，用于生成所述待渲染数据的第一信息，所述第一信息包括所述待渲染数据中每个一级节点包括的总目标数以及每个一级节点对应的层级；
37、分组模块，用于基于所述第一信息对所述待渲染数据按照所述一级节点进行分组，得到渲染数据集，所述渲染数据集包括至少一个数据集，数据集包括部分所述一级节点；
38、第一处理模块，用于采用异步方法对所述渲染数据集进行数据预处理，得到第一页面数据，并基于所述第一页面数据对待渲染页面进行渲染。
39、可选地，所述第一信息还包括目标数组，所述目标数组为按照每个一级节点包括的总目标数和每个一级节点对应的层级为顺序的元素序列；
40、所述生成模块包括：
【技术保护点】
1.一种显示数据的渲染方法，其特征在于，包括：
2.根据权利要求1所述的显示数据的渲染方法，其特征在于，所述第一信息还包括目标数组，所述目标数组为按照每个一级节点包括的总目标数和每个一级节点对应的层级为顺序的元素序列；
3.根据权利要求2所述的显示数据的渲染方法，其特征在于，所述基于所述第一信息对所述待渲染数据按照所述一级节点进行分组，得到渲染数据集，包括：
4.根据权利要求3所述的显示数据的渲染方法，其特征在于，所述节点分组价值通过如下方式得到：
5.根据权利要求4所述的显示数据的渲染方法，其特征在于，所述在所述第一树形结构分组价值和所述第二树形结构分组价值满足预设条件的情况下，将所述第一树形结构分组价值和第二树形结构分组价值分别对应的一级节点分入至第一组别，所述第一组别为所述渲染数据集中的一个数据集，包括：
6.根据权利要求1所述的显示数据的渲染方法，其特征在于，所述采用异步方法对所述渲染数据集进行数据预处理，得到第一页面数据，并基于所述第一页面数据对待渲染页面进行渲染，包括：
7.根据权利要求1所述的显
8.一种显示数据的渲染装置，其特征在于，包括：
9.根据权利要求8所述的显示数据的渲染装置，其特征在于，所述第一信息还包括目标数组，所述目标数组为按照每个一级节点包括的总目标数和每个一级节点对应的层级为顺序的元素序列；
10.一种电子设备，其特征在于，包括收发机和处理器，
11.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序，所述程序被所述处理器执行时实现如权利要求1至7中任一项所述的显示数据的渲染方法的步骤。
12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的显示数据的渲染方法的步骤。
...【技术特征摘要】
1.一种显示数据的渲染方法，其特征在于，包括：
2.根据权利要求1所述的显示数据的渲染方法，其特征在于，所述第一信息还包括目标数组，所述目标数组为按照每个一级节点包括的总目标数和每个一级节点对应的层级为顺序的元素序列；
3.根据权利要求2所述的显示数据的渲染方法，其特征在于，所述基于所述第一信息对所述待渲染数据按照所述一级节点进行分组，得到渲染数据集，包括：
4.根据权利要求3所述的显示数据的渲染方法，其特征在于，所述节点分组价值通过如下方式得到：
5.根据权利要求4所述的显示数据的渲染方法，其特征在于，所述在所述第一树形结构分组价值和所述第二树形结构分组价值满足预设条件的情况下，将所述第一树形结构分组价值和第二树形结构分组价值分别对应的一级节点分入至第一组别，所述第一组别为所述渲染数据集中的一个数据集，包括：
6.根据权利要求1所述的显示数据的渲染方法，其特征在于，所述采用异步方法对所述渲染数据集进行数据预处理，得...
【专利技术属性】
技术研发人员：冯郑慧，陈思曦，
申请(专利权)人：中移苏州软件技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。