[发明专利]一种页面显示方法及计算机设备

说明书

本申请涉及互联网技术领域，提供了一种页面显示方法、页面显示装置、计算机设备及计算机可读存储介质。其中，一种页面显示方法，通过浏览器基于对HTML文件解析得到的节点树进行渲染，得到包含目标显示区域的访问页面，由于节点树用于描述在目标显示区域内显示的数据元素，因此在目标显示区域内触发滚动操作时，能够通过响应该目标显示区域内的滚动操作，对节点树进行更新得到新的节点树，进而基于该新的节点树在目标显示区域内显示新的数据元素，得到新的访问页面，从而避免在显示访问页面时因直接对海量数据进行渲染，导致在对访问页面进行操作时出现页面卡顿的现象，提高了页面显示效率。

技术领域

本发明属于涉及互联网技术领域，尤其涉及一种页面显示方法、页面显示装置、计算机设备及计算机可读存储介质。

背景技术

如今，用户在使用终端访问服务器的数据时，通常是利用浏览器向服务器发送数据访问请求，进而接收服务器返回的超文本标记语言(HTML，Hyper Text MarkupLanguage)文件。终端通过浏览器对该HTML文件进行解析，获取该 HTML文件中所有的DOM节点也即DOM节点树，同时通过解析层叠样式表(CSS，Cascading Style Sheets)得到CSSOM树，将DOM节点树与CSSOM树进行结合，得到渲染树。终端通过浏览器基于该渲染树进行回流重绘等操作，完成对页面的渲染，进而显示相应的访问页面。

然而，在访问具有海量数据的页面时，直接通过浏览器渲染大量的数据元素容易导致渲染过程用时太长，且在渲染后，因此数据元素太多，用户在对显示数据元素的页面进行拖拽操作或滚动操作时，容易令浏览器因渲染的数据元素过多使得回流与重绘的过程耗时较长，进而导致页面出现卡顿现象，由此可见，现有的页面显示方案存在显示效率较低的问题。

发明内容

有鉴于此，本申请实施例提供了一种页面显示方法、页面显示装置、计算机设备及计算机可读存储介质，以解决现有的页面显示方案存在显示效率较低的问题。

本申请实施例的第一方面提供了一种页面显示方法，包括：

通过浏览器基于对超文本标记语言HTML文件进行解析得到的节点树，渲染得到包含目标显示区域的访问页面；其中，所述节点树用于描述在所述目标显示区域内显示的数据元素；

响应于所述目标显示区域内的滚动操作，对所述节点树进行更新，得到新的节点树；

基于所述新的节点树在所述目标显示区域内显示新的数据元素，得到新的访问页面。

本申请实施例的第二方面提供了一种页面显示装置，包括：

渲染单元，用于通过浏览器基于对超文本标记语言HTML文件进行解析得到的节点树，渲染得到包含目标显示区域的访问页面；其中，所述节点树用于描述在所述目标显示区域内显示的数据元素；

更新单元，用于响应于所述目标显示区域内的滚动操作，对所述节点树进行更新，得到新的节点树；

显示单元，用于基于所述新的节点树在所述目标显示区域内显示新的数据元素，得到新的访问页面。

本申请实施例的第三方面提供了一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现第一方面的各个步骤。

本申请实施例的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现第一方面的各个步骤。

实施本申请实施例提供的一种页面显示方法、页面显示装置、计算机设备及计算机可读存储介质具有以下有益效果：