一种页面展示的方法、装置、设备和可读介质制造方法及图纸

本公开实施例公开了一种页面展示的方法、装置、设备和可读介质。其中，该方法包括：根据当前页面中预设的分类对象获取至少一个指定元素，所述指定元素包括第一子元素和第二子元素；若第一子元素在视口展示，则在当前页面中弹出所述第二子元素。通过本公开实施例的技术方案，实现页面滑动中各第二子元素在视口的相应展示，无需采用JavaScript语言来同时监听各个指定元素，解决了现有技术中内存占用大、页面滑动卡顿的问题，简化了为各指定元素添加滑动效果的软件操作，提高了页面中滑动效果展示的流畅性。

A method, device, device and readable medium for page display

【技术实现步骤摘要】
一种页面展示的方法、装置、设备和可读介质
本公开实施例涉及计算机处理技术，尤其涉及一种页面展示的方法、装置、设备和可读介质。
技术介绍
在现有的页面展示中，为了满足用户对于页面中各元素展示效果的多样化需求，会为该页面中的指定元添加对应的页面展示效果；在页面滑动过程中，首先确定当前出现在页面视口中的指定元素，并弹出该指定元素对应的页面效果，展示给用户。在页面滑动过程中需要弹出为各指定元素添加的页面效果时，通常采用JavaScript语言监听页面滑动过程中的滚动事件，通过滚动事件的回调函数来反馈各指定元素的页面位置、元素尺寸以及滚动条位置，从而为各指定元素匹配对应的页面效果，展示给用户。而由于页面中需添加页面展示效果的指定元素较多，此时使用JavaScript语言来同时监听各个指定元素，并匹配对应的页面效果，会由于过多使用JavaScript会占用较大的内存空间，易造成页面滑动卡顿的情况。
技术实现思路
有鉴于此，本公开实施例提供了一种页面展示的方法、装置、设备和可读介质，解决了现有技术中内存占用大、页面滑动卡顿的问题，简化了为多个指定元素添加滑动效果的软件操作，提高了页面中滑动效果展示的流畅性。第一方面，本公开实施例提供了一种页面展示的方法，该方法包括：根据当前页面中预设的分类对象获取至少一个指定元素，所述指定元素包括第一子元素和第二子元素；若第一子元素在视口展示，则在当前页面中弹出所述第二子元素。进一步的，所述页面展示的方法，还包括：若第一子元素未在视口展示，则在当前页面中隐藏所述第二子元素。进一步的，根据当前页面中预设的分类对象获取至少一个指定元素，包括：在预先构建的分类对象库中查找对应的视口对象；获取当前页面中与所述视口对象的标识匹配的至少一个指定元素。进一步的，若第一子元素在视口展示，则在当前页面中弹出所述第二子元素，包括：若第一子元素在视口展示，则获取所述视口对象下预设的弹出规则；根据所述弹出规则在当前页面中弹出所述第二子元素。进一步的，若第一子元素未在视口展示，则在当前页面中隐藏所述第二子元素，包括：若第一子元素未在视口展示，则获取所述视口对象下预设的隐藏规则；根据所述隐藏规则在当前页面中隐藏所述第二子元素。第二方面，本公开实施例提供了一种页面展示的装置，该装置包括：元素获取模块，用于根据当前页面中预设的分类对象获取至少一个指定元素，所述指定元素包括第一子元素和第二子元素；弹出模块，用于若第一子元素在视口展示，则在当前页面中弹出所述第二子元素。进一步的，所述页面展示的装置，还包括：隐藏模块，用于若第一子元素未在视口展示，则在当前页面中隐藏所述第二子元素。进一步的，所述元素获取模块，包括：视口对象查找单元，用于在预先构建的分类对象库中查找对应的视口对象；元素获取单元，用于获取当前页面中与所述视口对象的标识匹配的至少一个指定元素。进一步的，所述弹出模块，具体用于：若第一子元素在视口展示，则获取所述视口对象下预设的弹出规则；根据所述弹出规则在当前页面中弹出所述第二子元素。进一步的，所述隐藏模块，具体用于：若第一子元素未在视口展示，则获取所述视口对象下预设的隐藏规则；根据所述隐藏规则在当前页面中隐藏所述第二子元素。第三方面，本公开实施例还提供了一种设备，该设备包括：一个或多个处理器；存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开任意实施例所述的页面展示的方法。第四方面，本公开实施例提供了一种可读介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开任意实施例所述的页面展示的方法。本公开实施例提供的一种页面展示的方法、装置、设备和可读介质，通过在页面中预先配置对应的分类对象，并根据该分类对象确定页面中对应的指定元素，当指定元素中的第一子元素在视口展示时，弹出对应的第二子元素，从而实现页面滑动中各第二子元素在视口的相应展示，无需采用JavaScript语言来同时监听各个指定元素，解决了现有技术中内存占用大、页面滑动卡顿的问题，简化了为各指定元素添加滑动效果的软件操作，提高了页面中滑动效果展示的流畅性。附图说明为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1示出了本公开实施例提供的一种页面展示的方法的流程图；图2示出了本公开实施例提供的另一种页面展示的方法的流程图；图3示出了本公开实施例提供的一种页面滑动展示的界面示意图；图4示出了本公开实施例提供的一种页面展示的装置的结构示意图；图5示出了本公开实施例提供的一种设备的结构示意图。具体实施方式为使本公开的目的、技术方案和优点更加清楚，以下将参照本公开实施例中的附图，通过实施方式清楚、完整地描述本公开的技术方案，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。图1示出了本公开实施例提供的一种页面展示的方法的流程图，本公开实施例可适用于在页面滑动过程中添加对应滑动效果的情况中。本实施例提供的一种页面展示的方法可以由本公开实施例提供的页面展示的装置来执行，该装置可以通过软件和/或硬件的方式来实现，并集成在执行本方法的设备中，在本实施例中执行本方法的设备可以是智能手机、平板电脑和笔记本等任意一种具备页面展示功能的智能终端。具体的，如图1所示，本公开实施例中提供的页面展示的方法可以包括如下步骤：S110，根据当前页面中预设的分类对象获取至少一个指定元素。其中，指定元素包括第一子元素和第二子元素。分类对象是根据页面中元素的功能特征不同对各个元素进行分类的对象。本实施例中分类对象可以是预先设定的层叠样式表(CascadingStyleSheets，CSS)伪类，通过该CSS伪类中针对的不同元素功能对各页面元素进行分类。具体的，CSS是一种用来为结构化文档，如超文本标记语言(HyperTextMark-upLanguage，HTML)网页或可扩展标记语言(ExtensibleMarkupLanguage，XML)应用，添加字体、间距和颜色等样式结构的计算机语言，由万维网联盟(WorldWideWebConsortium，W3C)来定义和维护。其中，CSS主要用于定义如何显示结构化文档中的各个元素，样式可以直接存储于HTML网页或者单独的样式单文件中；样式单中包含将该样式应用到指定类型的元素中的规则。此本文档来自技高网...

【技术保护点】
1.一种页面展示的方法，其特征在于，包括：/n根据当前页面中预设的分类对象获取至少一个指定元素，所述指定元素包括第一子元素和第二子元素；/n若第一子元素在视口展示，则在当前页面中弹出所述第二子元素。/n

【技术特征摘要】
1.一种页面展示的方法，其特征在于，包括：
根据当前页面中预设的分类对象获取至少一个指定元素，所述指定元素包括第一子元素和第二子元素；
若第一子元素在视口展示，则在当前页面中弹出所述第二子元素。


2.根据权利要求1所述的方法，其特征在于，还包括：
若第一子元素未在视口展示，则在当前页面中隐藏所述第二子元素。


3.根据权利要求2所述的方法，其特征在于，根据当前页面中预设的分类对象获取至少一个指定元素，包括：
在预先构建的分类对象库中查找对应的视口对象；
获取当前页面中与所述视口对象的标识匹配的至少一个指定元素。


4.根据权利要求3所述的方法，其特征在于，若第一子元素在视口展示，则在当前页面中弹出所述第二子元素，包括：
若第一子元素在视口展示，则获取所述视口对象下预设的弹出规则；
根据所述弹出规则在当前页面中弹出所述第二子元素。


5.根据权利要求3所述的方法，其特征在于，若第一子元素未在视口展示，则在当前页面中隐藏所述第二子元素，包括：
若第一子元素未在视口展示，则获取所述视口对象下预设的隐藏规则；
根据所述隐藏规则在当前页面中隐藏...

【专利技术属性】
技术研发人员：王伟，杜青伦，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京;11