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

说明书

本公开的实施方式涉及计算机技术领域，更具体地，本公开的实施方式涉及页面渲染方法、装置、设备及存储介质。本公开的技术方案能够响应于在第一页面上的用户输入，获得待切换第二页面的抽象语法树，并确定抽象语法树中的目标节点，目标节点对应于第一页面和第二页面的共同页面元素，将目标节点前置到抽象语法树中第一个节点的位置，从调整后的抽象语法树的第一个节点开始进行第二页面的渲染。由于共同页面元素调整到抽象语法树的第一个节点位置，进而目标节点会先被渲染显示。这能够降低或消除用户对共同页面元素切换带来的视觉闪烁问题。由于是在页面层面的改进，使本案不受页面运行环境制约，突破相关技术的应用局限性。

技术领域

本公开的实施方式涉及页面显示技术领域，更具体地，本公开的实施方式涉及页面渲染方法、装置、设备及存储介质。

背景技术

本部分旨在为本公开的实施方式提供背景或上下文，此处的描述不因为包括在本部分中就承认是现有技术。

传统的网页形式，需要每个新页面全部重新加载，即用户在客户端中进入某个网页时，客户端向服务器发送请求，然后由服务器返回对应的内容，并在客户端全部进行加载渲染。而由于传统网页形式在每次进入新页面时，都需要重新对全部页面进行重新加载，加载展示的速度慢。

对此，相关技术中提供了另外一种网页展示形式，即单页应用模式。单页应用又称SPA(Single Page Application)，指的是使用单个超文本标记语言HTML(HypertextMarkup Language)完成多个页面切换和功能的应用。这种应用只有一个HTML文件作为入口，一开始只需加载一次js、css等相关资源，使用js完成页面的布局和渲染。单页应用跳转，就是切换相关组件，仅刷新局部资源。

但是，这种模式仅适用于单页应用，具有一定局限性。

发明内容

在本上下文中，本发明的实施方式期望提供一种页面渲染方法、装置、设备及存储介质。

根据本公开的一个方面，提供一种页面渲染方法，其包括：

展示第一页面；

响应于在第一页面上的用户输入，获得待切换第二页面的抽象语法树，并确定抽象语法树中的目标节点，目标节点对应于第一页面和第二页面的共同页面元素；

将目标节点前置到抽象语法树中第一个节点的位置，以得到调整后的抽象语法树；

从调整后的抽象语法树的第一个节点开始进行第二页面的渲染，并展示第二页面。

可选地，确定抽象语法树中的目标节点，包括：

从抽象语法树的第一个节点位置提取事先插入的页面渲染逻辑，并从页面渲染逻辑中解析得到目标节点的标识。

可选地，将目标节点前置到抽象语法树中第一个节点的位置，包括：

将包含多个目标节点的容器节点及容器节点的页面数据前置到抽象语法树中的第一节点的位置；

从调整后的抽象语法树的第一个节点开始进行第二页面的渲染，包括：

将页面数据渲染成页面内容到容器节点中。

可选地，在将包含多个目标节点的容器节点及容器节点的页面数据前置到抽象语法树中的第一节点的位置之前，包括：

从缓存池中提取容器节点的页面数据。

可选地，页面渲染方法还包括：

在检测到目标节点的目标页面数据更新的情况下，根据更新的目标页面数据对第二页面进行二次渲染，并将更新的页面数据进行缓存。

可选地，展示第一页面，包括：