网页元素的显示方法、装置、服务器和存储介质制造方法及图纸

本公开关于一种网页元素的显示方法、装置、服务器和存储介质，该方法包括：检测页面加载指令；响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式，其中，样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；基于当前调用的样本样式展示指定页面元素。解决了相关技术中页面元素的动画在每次进入网页后都按照相同的样式展示的技术问题。

【技术实现步骤摘要】
网页元素的显示方法、装置、服务器和存储介质
本公开涉及互联网领域，尤其涉及一种网页元素的显示方法、装置、服务器和存储介质。
技术介绍
为了有更好的用户体验，网页页面引入了越来越多的动画效果。在某些场景中，如果动画样式按照人为预设的样式，页面会显得呆板。因此希望动画样式有一定的变化，这样会显得更加自然。相关技术中，通常是在CSS(CascadingStyleSheets，层叠样式表)预处理语言中利用随机函数生成一个样式作为页面元素的动画样式，从而可以生成一个随机样式。但用户每次访问该页面看到的动画效果都是一样的，因此无法实现在多次打开页面时页面样式的变化。
技术实现思路
本公开提供一种网页元素的显示方法、装置、服务器和存储介质，以至少解决相关技术中页面元素的动画在每次进入网页后都按照相同的样式展示的问题。本公开的技术方案如下：根据本公开实施例的第一方面，提供一种网页元素的显示方法，包括：检测页面加载指令；响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式，其中，样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；基于当前调用的样本样式展示指定页面元素。作为一种可选的实施例，上述方法还包括：响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式的步骤包括：根据浏览器缓存中记录的已被使用的样本样式，确定样本库中未被使用的样本样式；从未被使用的样本样式中随机调用一个样本样式。作为一种可选的实施例，上述方法还包括：在基于当前调用的样本样式展示指定页面元素之后，从样本库中删除已被调用的样本样式。作为一种可选的实施例，上述方法还包括：生成样本库，其中，生成样本库的步骤包括：通过层叠样式表预处理语言随机生成一个样本样式；将随机生成的样本样式加入样本库。作为一种可选的实施例，上述方法还包括：判断样本库中的样本样式是否到达预设数量；在样本库中的样本样式未到达预设数量的情况下，重新进入通过层叠样式表预处理语言随机生成一个样本样式的步骤。作为一种可选的实施例，样本库中的每个样本样式的动画属性相同且动画属性值不同。作为一种可选的实施例，在包括多个样本库的情况下，每个样本库对应一种动画属性，响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式的步骤包括：分别从每个样本库中为待加载页面的指定页面元素随机调用一个样本样式。作为一种可选的实施例，样本库包括动画属性相同的样本样式和动画属性不同的样本样式，其中，动画属性相同的样本样式的动画属性值不同。作为一种可选的实施例，样本库中的每个样本样式具有对应的索引，响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式的步骤包括：生成一个随机数；将随机数作为样式索引从样本库中选择对应的样本样式；为待加载页面的指定页面元素调用选择的样本样式。根据本公开实施例的第二方面，提供一种网页元素的显示方法，包括：在的页面中显示动画加载控件；触发动画加载控件，生成页面加载指令，其中，页面加载指令用于指示待加载到动画页面中的页面元素；从样本库中随机调取一个样本样式，其中，样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；将页面元素按照当前调用的样本样式展示。根据本公开实施例的第三方面，提供一种网页元素的显示装置，包括：检测单元，被配置为检测页面加载指令；调用单元，被配置为响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式，其中，样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；展示单元，被配置为基于当前调用的样本样式展示指定页面元素。作为一种可选的实施例，调用单元包括：确定单元，被配置为根据浏览器缓存中记录的已被使用的样本样式，确定样本库中未被使用的样本样式；第一随机调用单元，被配置为从未被使用的样本样式中随机调用一个样本样式。作为一种可选的实施例，上述装置还包括：删除单元，被配置为在基于当前调用的样本样式展示指定页面元素之后，从样本库中删除已被调用的样本样式。作为一种可选的实施例，上述装置还包括：生成单元，被配置为生成样本库，其中，生成单元包括：样本样式生成单元，被配置为通过层叠样式表预处理语言随机生成一个样本样式；加入单元，被配置为将随机生成的样本样式加入样本库。作为一种可选的实施例，上述生成单元还包括：判断单元，被配置为判断样本库中的样本样式是否到达预设数量；重新生成单元，被配置为在样本库中的样本样式未到达预设数量的情况下，重新进入通过层叠样式表预处理语言随机生成一个样本样式的步骤。作为一种可选的实施例，样本库中的每个样本样式的动画属性相同且动画属性值不同。作为一种可选的实施例，在包括多个样本库的情况下，每个样本库对应一种动画属性，调用单元：随机调用单元，被配置为分别从每个样本库中为待加载页面的指定页面元素随机调用一个样本样式。作为一种可选的实施例，样本库包括动画属性相同的样本样式和动画属性不同的样本样式，其中，动画属性相同的样本样式的动画属性值不同。作为一种可选的实施例，样本库中的每个样本样式具有对应的索引，调用单元包括：随机数生成单元，被配置为生成一个随机数；选择单元，被配置为将随机数作为样式索引从样本库中选择对应的样本样式；样本样式调用单元，被配置为为待加载页面的指定页面元素调用选择的样本样式。根据本公开实施例的第四方面，提供一种网页元素的显示装置，包括：显示单元，被配置为在的页面中显示动画加载控件；触发单元，被配置为触发动画加载控件，生成页面加载指令，其中，页面加载指令用于指示待加载到动画页面中的页面元素；调取单元，被配置为从样本库中随机调取一个样本样式，其中，样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；展示单元，被配置为将页面元素按照当前调用的样本样式展示。根据本公开实施例的第五方面，提供一种服务器，包括：处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现上述的网页元素的显示方法。根据本公开实施例的第六方面，提供一种存储介质，当存储介质中的指令由服务器的处理器执行时，使得服务器能够执行上述的网页元素的显示方法。根据本公开实施例的第七方面，提供一种计算机程序产品，包括处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现上述的视频的显示方法。本公开的实施例提供的技术方案至少带来以下有益效果：检测页面加载指令；响应页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式，其中，样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；基于当前调用的样本样式展示指定页面元素。上述方案当加载待加载页面时，为待加载页面中的指定页面元素从样本库中随机调用一个样本样式，从而使得页面每次进行了重新加载之后，其中的指定页面元素都能够按照不同的样式展示，满足了页面样式的随机性，解本文档来自技高网...

【技术保护点】
1.一种网页元素的显示方法，其特征在于，包括：/n检测页面加载指令；/n响应所述页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式，其中，所述样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；/n基于当前调用的所述样本样式展示所述指定页面元素。/n

【技术特征摘要】
1.一种网页元素的显示方法，其特征在于，包括：
检测页面加载指令；
响应所述页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式，其中，所述样本库包括多个不同的样本样式，每个样本样式具有一个动画属性；
基于当前调用的所述样本样式展示所述指定页面元素。


2.根据权利要求1所述的显示方法，其特征在于，所述响应所述页面加载指令，确定待加载页面中的指定页面元素，并从样本库中随机调用一个样本样式的步骤包括：
根据浏览器缓存中记录的已被使用的样本样式，确定所述样本库中未被使用的样本样式；
从所述未被使用的样本样式中随机调用一个样本样式。


3.根据权利要求1所述的显示方法，其特征在于，在基于当前调用的所述样本样式展示所述指定页面元素之后，所述方法还包括：
从所述样本库中删除已被调用的所述样本样式。


4.根据权利要求1所述的显示方法，其特征在于，所述方法还包括：生成所述样本库，其中，所述生成所述样本库的步骤包括：
通过层叠样式表预处理语言随机生成一个样本样式；
将随机生成的所述样本样式加入所述样本库。


5.根据权利要求1所述的显示方法，其特征在于，在将随机生成的所述样本样式加入所述样本库之后，所述方法还包括：
判断所述样本库中的样本样式是否到达预设数量；
在所述样本库中的样本样式未到达所述预设...

【专利技术属性】
技术研发人员：熊正祥，张嘉彬，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京;11