[发明专利]一种页面展示方法、装置、计算机设备及存储介质

说明书

本公开提供了一种页面展示方法、装置、计算机设备及存储介质，其中，该方法包括：响应于用户执行目标操作，获取所述目标操作对应的第一键值对；其中，所述第一键值对用于表征所述目标操作的操作类型和操作内容；基于所述第一键值对，对待展示页面的第一渲染代码进行更新；基于更新后的所述第一渲染代码，调用与所述第一键值对对应的第二渲染代码对所述待展示页面进行渲染。

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种页面展示方法、装置、计算机设备及存储介质。

背景技术

随着移动互联网的快速发展，web在移动端的使用场景也越来越丰富，其中最基本的就是通过层叠样式表(Cascading Style Sheets，CSS)语言给用户呈现丰富多彩的样式，以提升用户体验。

相关技术中，为了实现响应式设计，通常会选择使用CSS语言中的媒体查询功能进行代码开发，但由于CSS语言中所能支持的媒体查询的类型有限，导致在需要进行响应式设计时，在涉及到媒体查询功能不支持的媒体类型时，往往是在每个需要使用的地方通过JavaScript脚本语言实现响应式设计，从而提高了在设计相关代码时的复杂程度，且相关代码往往需要重复编写，导致开发效率低下。

发明内容

本公开实施例至少提供一种页面展示方法、装置、计算机设备及存储介质。

第一方面，本公开实施例提供了一种页面展示方法，包括：

响应于用户执行目标操作，获取所述目标操作对应的第一键值对；其中，所述第一键值对用于表征所述目标操作的操作类型和操作内容；

基于所述第一键值对，对待展示页面的第一渲染代码进行更新；

基于更新后的所述第一渲染代码，调用与所述第一键值对对应的第二渲染代码对所述待展示页面进行渲染。

一种可能的实施方式中，所述基于所述第一键值对，对待展示页面的第一渲染代码进行更新，包括：

获取所述第一渲染代码中的类选择器中，与所述目标操作对应的键值组合；

在基于所述键值组合和所述第一键值对，确定符合更新条件的情况下，对所述待展示页面的第一渲染代码进行更新。

一种可能的实施方式中，所述基于所述第一键值对，对待展示页面的第一渲染代码进行更新，包括：

获取历史目标操作对应的第二键值对；

在基于所述历史目标操作对应的第二键值对，以及用户执行的目标操作对应的第一键值对，确定符合更新条件的情况下，对所述待展示页面的第一渲染代码进行更新。

一种可能的实施方式中，所述基于所述第一键值对，对待展示页面的第一渲染代码进行更新，包括：

基于所述第一键值对，确定所述第一键值对对应的第一键值组合；

基于所述第一键值对对应的第一键值组合，对所述待展示页面的第一渲染代码中的类选择器进行更新。

一种可能的实施方式中，所述方法还包括：

读取与所述目标操作关联的第三键值对；其中，所述第三键值对用于描述当前设备的属性信息；

所述基于所述第一键值对，对待展示页面的第一渲染代码进行更新，包括：

基于所述第一键值对和所述第三键值对，确定第二键值组合；

基于所述第二键值组合，对待展示页面的第一渲染代码中的类选择器进行更新。

一种可能的实施方式中，所述调用与所述第一键值对对应的第二渲染代码对所述待展示页面进行渲染，包括：