[发明专利]一种页面渲染方法、装置、电子设备及存储介质

说明书

本发明实施例关于一种页面渲染方法、装置、电子设备及存储介质，应用于网页客户端，包括：从缓存数组中确定游标数组；根据游标数组构建文档对象模型树；对文档对象模型树中的目标元素进行监听，在监听到目标元素进入视图区域的情况下，从缓存数组中获取与目标元素对应的章节相邻且不包括在游标数组中的待更新章节，将待更新章节添加至游标数组，并在游标数组中存储的章节的数量大于预设阈值的情况下，删除游标数组中距离待更新章节最远的章节，得到更新后的游标数组；基于更新后的游标数组更新文档对象模型树，对预设页面进行渲染。这样，将文档对象模型树中元素的数量控制在游标数组中存储的章节数量之内，有利于提升网页客户端的渲染性能。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种页面渲染方法、装置、电子设备及存储介质。

背景技术

随着互联网以及移动端阅读的发展，阅读功能在web(网页)端的应用越来越频繁，与应用程序客户端相比，web端具有灵活、高效、迭代方便等优势，能够更好的提升用户体验。

现有技术中，书籍阅读功能具有多种阅读模式，其中，“无限连续滚动”是一种较为常见的阅读模式。这种模式下，用户不需要翻页操作，可以一直向下或向上滑动屏幕。

但是，当用户在web端以无限连续滚动模式进行长时间阅读时，阅读过的内容会在web端的DOM(Document Object Model，文档对象模型)树中一直保留，这样，当用户已阅读内容越来越多时，DOM树的长度会越来越长，在后续阅读时，每一次下拉以及每一次加载新章节都会造成页面回流重构，从而产生页面卡顿等性能问题。

发明内容

本发明实施例提供一种待处理页面渲染方法、装置、电子设备及存储介质，以至少解决相关技术中当用户在web端以无限连续滚动模式进行长时间阅读时，每一次下拉以及每一次加载新章节都会造成页面回流重构，从而产生页面卡顿的问题。

本发明实施例的技术方案如下：

第一方面，本发明实施例提供了一种页面渲染方法，应用于网页客户端，包括：

从预设页面的缓存数组中确定游标数组，其中，所述缓存数组用于存储已获取的所述预设页面对应文档中的章节，所述游标数组用于存储用于构建文档对象模型树的章节；

根据所述游标数组构建所述文档对象模型树，其中，所述游标数组中的章节与所述文档对象模型树中的元素一一对应；

对所述文档对象模型树中的目标元素进行监听，在监听到所述目标元素进入视图区域的情况下，从所述缓存数组中获取与所述目标元素对应的章节相邻且不包括在所述游标数组中的待更新章节，将所述待更新章节添加至所述游标数组，并在所述游标数组中存储的章节的数量大于预设阈值的情况下，删除所述游标数组中距离所述待更新章节最远的章节，得到更新后的游标数组，其中，所述目标元素为所述文档对象模型树中的第一个元素或最后一个元素；

基于所述更新后的游标数组更新所述文档对象模型树，并根据更新后的文档对象模型树对所述预设页面进行渲染。

可选的，所述从预设页面的缓存数组中确定游标数组之前，还包括：

获取预设页面的进度信息，所述进度信息用于指示参考章节，所述参考章节为当前展示的所述预设页面对应文档中的章节；

根据所述进度信息，获取所述参考章节对应的M个候选章节，所述M为非0自然数；

将所述M个候选章节存储至所述预设页面的缓存数组中。

可选的，在未获取到所述预设页面的进度信息的情况下，还包括：

获取所述预设页面对应文档中最前面的N个章节，作为初始章节，所述N为非0自然数，所述N小于或等于所述M；

将所述初始章节存储至所述预设页面的缓存数组中。