[发明专利]一种瀑布流页面的渲染方法和装置

说明书

本发明实施例提供了一种瀑布流页面的渲染方法和装置，其中，所述渲染方法包括：获取瀑布流页面的DOM树结构数据信息；启用第一线程，依据DOM树结构数据信息对瀑布流网页的主数据进行渲染，得到主渲染数据；当渲染至辅助数据节点时，启用第二线程对辅助数据节点进行渲染，得到辅助渲染数据；依据主渲染数据和辅助渲染数据，生成瀑布流网页的渲染DOM树，解决了先请求所有数据然后一次渲染造成用户等待时间延长，或者先渲染主数据，然后请求辅助数据造成需要多次遍历DOM树造成性能差的问题，使得主数据和辅助数据可以由两个独立的线程并行独立处理，在渲染主数据时，仅需要请求一次辅助数据，有效缩短了用户等待时间，减少了遍历DOM的次数，提高了性能。

技术领域

本发明实施例涉及通信技术领域，特别是涉及一种瀑布流页面的渲染方法和一种瀑布流页面的渲染装置。

背景技术

随着网络技术的发展，用户通过网页浏览器可以分享互联网上的信息，网页浏览器的主要功能是用于从互联网获取网页数据，并对网页进行渲染，然后在显示设备显示网页。

在互联网海量的信息中，包含了大量的图片资源，例如，新闻组图、摄像组图等等，在各大网站中，网页通常以瀑布流方式显示各种图片等信息。并且通常需要在主瀑布流里插入广告、相关推荐等数据源。

目前，对瀑布流显示方式网页的渲染主要有两种方式：

1)渲染时，同时发送网页页面上所有数据请求，等全部网页数据返回之后进行一次性渲染。优点是不需要每次渲染时遍历DOM树，缺点是需要等待所有接口返回网页数据，用户等待时间延长，并且所有模块的渲染逻辑混合在一起，耦合度高，代码可读性差，不利于后期维护。

2)渲染时，先渲染主数据流，渲染到辅助数据节点时，发送辅助数据请求，辅助数据返回后遍历DOM树，找到指定位置插入辅助数据进行渲染。优点是主数据流的渲染不会停止，用户等待时间较短，缺点是：辅助数据每次渲染需要遍历DOM树，性能较差；需要等待主数据流先渲染，再发送辅助数据请求，导致辅助数据渲染时机被延后；辅助数据如果需要多次请求，后续辅助数据的请求时机难以控制，需要依赖主数据源加载，耦合度高。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种瀑布流页面的渲染方法和相应的一种瀑布流页面的渲染装置。

依据本发明实施例的一个方面，提供了一种瀑布流页面的渲染方法，包括：

获取瀑布流页面的DOM树结构数据信息；

启用第一线程，依据所述DOM树结构数据信息对所述瀑布流网页的主数据进行渲染，得到主渲染数据；

当渲染至辅助数据节点时，启用第二线程对所述辅助数据节点进行渲染，得到辅助渲染数据；

依据所述主渲染数据和所述辅助渲染数据，生成所述瀑布流网页的渲染DOM树。

可选地，所述获取瀑布流网页的DOM树结构数据信息的步骤包括：

通过浏览器向服务器发送所述瀑布流页面的加载请求；

接收所述服务器返回的所述瀑布流页面的HTML文档；

对所述HTML文档进行解析，生成所述瀑布流页面的DOM树结构数据信息。

可选地，所述当渲染至辅助数据节点时，启用第二线程对所述辅助数据节点进行渲染，得到辅助渲染数据的步骤包括：

判断存储器中是否存在所述辅助数据节点对应的辅助数据；

若是，则启用第二线程对所述辅助数据进行渲染，得到第一辅助渲染数据；

若否，则生成所述辅助数据节点对应的占位符；