CN113885962B - 一种长屏页面加载方法、装置和电子设备 - Google Patents
一种长屏页面加载方法、装置和电子设备 Download PDFInfo
- Publication number
- CN113885962B CN113885962B CN202111180472.6A CN202111180472A CN113885962B CN 113885962 B CN113885962 B CN 113885962B CN 202111180472 A CN202111180472 A CN 202111180472A CN 113885962 B CN113885962 B CN 113885962B
- Authority
- CN
- China
- Prior art keywords
- screen
- page
- page information
- long
- loading
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 105
- 238000000034 method Methods 0.000 title claims abstract description 51
- 238000012544 monitoring process Methods 0.000 claims description 32
- 230000004044 response Effects 0.000 claims description 11
- 238000009877 rendering Methods 0.000 claims description 7
- 230000000007 visual effect Effects 0.000 claims description 7
- 238000005096 rolling process Methods 0.000 claims description 6
- 230000001960 triggered effect Effects 0.000 claims description 4
- 238000000926 separation method Methods 0.000 claims description 3
- 238000012545 processing Methods 0.000 abstract description 13
- 230000008569 process Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 10
- 238000004590 computer program Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 230000006872 improvement Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
本说明书实施例提供一种长屏页面加载方法，将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储，本地加载首屏页面信息，展示首屏页面，监测长屏触发事件，异步加载所述远程存储的首屏外区域页面信息，结合所述首屏外区域页面信息展示长屏页面。通过将长屏页面信息分离，用不同的方式进行存储和加载，从客户端本地加载首屏页面信息，展示首屏页面，缩短了加载时间，将首屏外区域页面信息远程存储，只在监测长屏触发事件时去加载首屏外区域页面，在用户不浏览长屏时省去了对首屏外区域页面信息的加载处理过程，降低了页面本地化存储、加载的数据量。
Description
技术领域
本申请涉及计算机领域，尤其涉及一种长屏页面加载方法、装置和电子设备。
背景技术
页面加载方式有两种，一种是加载远程资源，一种是加载本地化存储的资源，前者资源包体积小，但加载速度慢，后者加载速度快，但是资源包体积大，占用较大的存储空间资源。
对于一般的页面来说，可以选择其中一种加载方式，但是对于一些特殊的情况，这种方式依然存在改进的空间，有必要提供一种新的方法，改善资源利用效果。
发明内容
本说明书实施例提供一种长屏页面加载方法、装置和电子设备，用以改善资源利用效果。
本说明书实施例还提供一种长屏页面加载方法，包括：
将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储；
响应于触发加载首屏的事件，从客户端本地加载首屏页面信息，展示首屏页面；
监测长屏触发事件，响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息；
结合所述首屏外区域页面信息展示长屏页面。
可选地，所述长屏触发事件为页面滚动操作；
所述结合所述首屏外区域页面信息展示长屏页面，包括：
结合所述首屏页面信息和所述首屏外区域页面信息生成长屏页面并滚动展示。
可选地，还包括：
监测用户的页面切换操作，响应于监测到所述页面切换操作加载远程存储的待切换页面信息，生成待切换页面切换所述首屏页面。
可选地，所述响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息，包括：
渲染组件响应于监测到长屏触发事件，判断接口数据状态，若存在接口数据，则获取首屏外区域页面信息。
可选地，还包括：
监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，预测将要产生长屏触发事件的预测时段，并在临近所述预测时段的预设时段内，加载所述远程存储的首屏外区域页面信息于本地存储。
可选地，还包括：
当所述未来时段结束时，删除本地存储的首屏外区域页面信息。
可选地，还包括：
构造可视化的页面展示链路，所述页面展示链路包括多个可切换状态的页面节点；
基于用户对所述页面节点的状态切换操作，切换所述页面节点所对应页面信息的加载方式，所述加载方式包括：远程加载和本地化加载中的一个。
本说明书实施例还提供一种长屏页面加载装置，包括：
分离存储模块，用于将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储；
首屏加载模块，用于响应于触发加载首屏的事件，从客户端本地加载首屏页面信息，展示首屏页面；
异步加载模块，用于监测长屏触发事件，响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息；
长屏展示模块，还用于结合所述首屏外区域页面信息展示长屏页面。
可选地，所述长屏触发事件为页面滚动操作；
所述结合所述首屏外区域页面信息展示长屏页面，包括：
结合所述首屏页面信息和所述首屏外区域页面信息生成长屏页面并滚动展示。
可选地，还包括：
预测模块，用于监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，预测将要产生长屏触发事件的预测时段，并在临近所述预测时段的预设时段内，加载所述远程存储的首屏外区域页面信息于本地存储。
本说明书实施例还提供一种电子设备，其中，该电子设备包括：
处理器；以及，
存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行上述任一项方法。
本说明书实施例还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现上述任一项方法。
本说明书实施例提供的各种技术方案通过将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储，本地加载首屏页面信息，展示首屏页面，监测长屏触发事件，异步加载所述远程存储的首屏外区域页面信息，结合所述首屏外区域页面信息展示长屏页面。通过将长屏页面信息分离，用不同的方式进行存储和加载，从客户端本地加载首屏页面信息，展示首屏页面，缩短了加载时间，将首屏外区域页面信息远程存储，只在监测长屏触发事件时去加载首屏外区域页面，在用户不浏览长屏时省去了对首屏外区域页面信息的加载处理过程，降低了页面本地化存储、加载的数据量。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
图1为本说明书实施例提供的一种长屏页面加载方法的原理示意图；
图2为本说明书实施例提供的一种长屏页面加载装置的结构示意图；
图3为本说明书实施例提供的一种电子设备的结构示意图；
图4为本说明书实施例提供的一种计算机可读介质的原理示意图。
具体实施方式
现在将参考附图更全面地描述本发明的示例性实施例。然而，示例性实施例能够以多种形式实施，且不应被理解为本发明仅限于在此阐述的实施例。相反，提供这些示例性实施例能够使得本发明更加全面和完整，更加便于将发明构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的元件、组件或部分，因而将省略对它们的重复描述。
在符合本发明的技术构思的前提下，在某个特定的实施例中描述的特征、结构、特性或其他细节不排除可以以合适的方式结合在一个或更多其他的实施例中。
在对于具体实施例的描述中，本发明描述的特征、结构、特性或其他细节是为了使本领域的技术人员对实施例进行充分理解。但是，并不排除本领域技术人员可以实践本发明的技术方案而没有特定特征、结构、特性或其他细节的一个或更多。
附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
术语“和/或”或者“及/或”包括相关联的列出项目中的任一个或多者的所有组合。
图1为本说明书实施例提供的一种长屏页面加载方法的原理示意图，该方法可以包括：
S101：将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储。
长屏页面是指，页面尺寸大于屏幕尺寸的一种特殊页面，在展示长屏页面时，每一时刻，屏幕只能展示长屏页面的局部，需要多个时刻的展示才能展示完长屏的全部区域。
由于首页通常以长屏的形式来展示，首页使用频率较高，因此，业内通常把长屏页面进行本地化存储，使用时无需从远程加载，从而加快首屏的加载速度。
然而，这种方式会导致本地化的资源包体积比较大，其原因在于，目前对于页面信息的存储，多是以一个页面为单位进行存储，因此对于长屏页面，实际上是是将整个长屏页面进行本地化存储。
然而实际应用时，用户在浏览完首屏页面后，可能会直接浏览下一个页面，而不去浏览首屏之外的其他部分，在这种情况下，将整个长屏页面进行本地化存储，并在展示首屏的同时也加载首屏外其他区域的页面信息，无疑增大了本地资源包体积，也增大了处理的数据量(比如，加载首屏外其他区域的页面信息)。
基于这个原因，本说明书实施例对其进行改进，提供一种能够减小资源包体积的方法，也能减少对本地存储空间资源的占用，减小处理的数据量。
本说明书实施例通过将长屏页面信息分离，得到首屏页面信息和首屏外区域页面信息，对其分别进行存储，分别进行加载。
对于使用频率较高的首屏页面，我们可以将首屏页面信息本地化存储，对于首屏外区域页面，由于用户可能直接浏览下一页面，因此，我们可以将首屏外区域页面信息远程存储。
这样就减小了资源包体积，也避免了对本地存储空间的不必要占用。
S102：响应于触发加载首屏的事件，从客户端本地加载首屏页面信息，展示首屏页面。
在本说明书实施例中，若首屏是打开应用程序后呈现的第一个页面，那么，触发加载首屏的事件可以是启动应用的事件，比如点击桌面上的APP图标。
如果首屏是打开应用程序之后展示的第二个页面，比如广告页之后的页面，那么，触发加载首屏的事件可以是广告页完成展示的事件，或者手动点击跳过广告页的事件。
对于触发加载首屏的事件的其他具体形式，在此不做具体阐述和限制。
用户在浏览完长屏中的首屏页面区域后，可能直接浏览下一个页面，也可能会浏览长屏页面中的其他区域。
因此，我们可以对用户操作进行监测，以确定用户是否浏览首屏外区域页面。
S103：监测长屏触发事件，响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息。
长屏触发事件，是指触发客户端展示首屏外区域页面的事件，终端通过设定监测规则来判断是否长屏触发事件是否产生。
可选地，长屏触发事件可以通过计时规则来监测，比如，监测首屏展示时间，如果监测到首屏展示的时间长度超过预设时长，就判定发生了长屏触发事件。
这可以表示，展示首屏后的预设时长内，用户未产生切换页面的操作，于是为其展示首屏外区域页面。
可选地，长屏触发事件还可以是触发展示首屏外区域页面的操作，用户可以通过这些操作来请求终端展示首屏外区域页面，因此我们可以把这些操作称作长屏触发操作。
具体的，终端可以通过人机交互接口来监测长屏触发操作，比如，可以将用户在首屏页面上进行的上下滑动操作设定为长屏触发操作，终端通过触摸屏感应用户的操作，从而使终端对这类操作进行监测。
在终端监测到长屏触发操作时，便自动加载首屏外区域页面，此时，由于首屏外区域页面信息存储于远程，因此，整个长屏的加载实际被分成了两部分，即首屏页面信息从本地加载，首屏外区域页面信息从远程加载。
在本说明书实施例中，所述响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息，包括：
渲染组件响应于监测到长屏触发事件，判断接口数据状态，若存在接口数据，则获取首屏外区域页面信息。
其中，渲染组件可以部署于首屏页面中，用于监测长屏触发操作，并进行首屏外区域页面信息的加载和首屏外区域页面的创建渲染及显示。
S104：结合所述首屏外区域页面信息展示长屏页面。
将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储，本地加载首屏页面信息，展示首屏页面，监测长屏触发事件，异步加载所述远程存储的首屏外区域页面信息，结合所述首屏外区域页面信息展示长屏页面。通过将长屏页面信息分离，用不同的方式进行存储和加载，从客户端本地加载首屏页面信息，展示首屏页面，缩短了加载时间，将首屏外区域页面信息远程存储，只在监测长屏触发事件时去加载首屏外区域页面，在用户不浏览长屏时省去了对首屏外区域页面信息的加载处理过程，降低了页面本地化存储、加载的数据量。
在实际使用时，如果用户滑动了首屏，那么就可以以滚动页面的形式展示长屏页面。
因此，在本说明书实施例中，所述长屏触发事件为页面滚动操作；
那么，所述结合所述首屏外区域页面信息展示长屏页面，可以包括：
结合所述首屏页面信息和所述首屏外区域页面信息生成长屏页面并滚动展示。
用户在浏览长屏的过程中，也许会切换到下一个页面，下一个页面可称作待切换页面，其页面信息可以存储在远程，在用户需要切换时，从远程获取资源进行切换。
因此，在本说明书实施例中，还可以包括：
监测用户的页面切换操作，响应于监测到所述页面切换操作加载远程存储的待切换页面信息，生成待切换页面切换所述首屏页面。
考虑到实际应用时，业内对于资源的存储往往是静态的，即确定了存储方式之后便不会再改变，为了提高灵活性，在本说明书实施例中，该方法还可以包括：
监测产生长屏触发事件的时刻，监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，预测将要产生长屏触发事件的预测时段，并在临近所述预测时段的预设时段内，加载所述远程存储的首屏外区域页面信息于本地存储。
通过监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，能够获得用户的行为习惯，进而预测出用户后续大概会在什么时间浏览首屏外区域页面，预测到这个时间后，我们便可以提前将加载远程存储的首屏外区域页面信息于本地存储，从而在触发展示首屏外页面时，加快页面信息的加载速度。
这里的预设时段是资源加载的提前程度，比如，可以在预测时段前20min，便加载首屏外区域页面信息，并于本地存储，具体数值可以根据需要进行设置。
当然，这时的存储，可以是临时存储，因此，在本说明书实施例中，该方法还可以包括：
当所述未来时段结束时，删除本地存储的首屏外区域页面信息。
这样，避免了长期占用本地存储空间。
在本说明书实施例中，为了使页面加载方式能够得到便利化的管理，我们可以提供一个可视化的管理页面，用于设置以及调整页面的加载方式。
因此，在本说明书实施例中，该方法还可以包括：
构造可视化的页面展示链路，所述页面展示链路包括多个可切换状态的页面节点；
基于用户对所述页面节点的状态切换操作，切换所述页面节点所对应页面信息的加载方式，所述加载方式包括：远程加载和本地化加载中的一个。
页面展示链路可以是根据页面展示的流程提取出的链路，以直观示意页面间的展示顺序。
在本说明书实施例中，该方法还可以包括：
响应于页面加载方式的切换，将页面节点所对应页面信息存储到本地，或者从本地删除。
通过可视化的页面展示链路，管理人员可以快速切换页面信息的加载方式。
图2为本说明书实施例提供的一种长屏页面加载装置的结构示意图，该装置可以包括：
分离存储模块201，用于将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储；
首屏加载模块202，用于响应于触发加载首屏的事件，从客户端本地加载首屏页面信息，展示首屏页面；
异步加载模块203，用于监测长屏触发事件，响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息；
长屏展示模块204，还用于结合所述首屏外区域页面信息展示长屏页面。
长屏触发操作，是指触发展示首屏外区域页面的操作，比如，用户浏览首屏页面时，通过滑动首屏的操作触发展示首屏外区域页面，那么这个操作就是长屏触发操作。
在终端监测到长屏触发事件时，便自动加载首屏外区域页面，此时，由于首屏外区域页面位于远程，因此，整个长屏的加载实际被分成了两部分，即首屏页面信息从本地加载，首屏外区域页面信息从远程加载，从而减小了资源包体积。
在本说明书实施例中，所述长屏触发事件为页面滚动操作；
所述结合所述首屏外区域页面信息展示长屏页面，包括：
结合所述首屏页面信息和所述首屏外区域页面信息生成长屏页面并滚动展示。
在本说明书实施例中，该装置还可以包括：
预测模块，用于监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，预测将要产生长屏触发事件的预测时段，并在临近所述预测时段的预设时段内，加载所述远程存储的首屏外区域页面信息于本地存储。
通过监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，能够获得用户的行为习惯，进而预测出用户后续大概会在什么时间浏览首屏外区域页面，预测到这个时间后，我们便可以提前将加载远程存储的首屏外区域页面信息于本地存储，从而加快加载速度。
该装置通过将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储，本地加载首屏页面信息，展示首屏页面，监测长屏触发事件，异步加载所述远程存储的首屏外区域页面信息，结合所述首屏外区域页面信息展示长屏页面。通过将长屏页面信息分离，用不同的方式进行存储和加载，从客户端本地加载首屏页面信息，展示首屏页面，缩短了加载时间，将首屏外区域页面信息远程存储，只在监测长屏触发事件时去加载首屏外区域页面，在用户不浏览长屏时省去了对首屏外区域页面信息的加载处理过程，降低了页面本地化存储、加载的数据量。
基于同一发明构思，本说明书实施例还提供一种电子设备。
下面描述本发明的电子设备实施例，该电子设备可以视为对于上述本发明的方法和装置实施例的具体实体实施方式。对于本发明电子设备实施例中描述的细节，应视为对于上述方法或装置实施例的补充；对于在本发明电子设备实施例中未披露的细节，可以参照上述方法或装置实施例来实现。
图3为本说明书实施例提供的一种电子设备的结构示意图。下面参照图3来描述根据本发明该实施例的电子设备300。图3显示的电子设备300仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图3所示，电子设备300以通用计算设备的形式表现。电子设备300的组件可以包括但不限于：至少一个处理单元310、至少一个存储单元320、连接不同系统组件(包括存储单元320和处理单元310)的总线330、显示单元340等。
其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元310执行，使得所述处理单元310执行本说明书上述处理方法部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元310可以执行如图1所示的步骤。
所述存储单元320可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)3201和/或高速缓存存储单元3202，还可以进一步包括只读存储单元(ROM)3203。
所述存储单元320还可以包括具有一组(至少一个)程序模块3205的程序/实用工具3204，这样的程序模块3205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线330可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备300也可以与一个或多个外部设备400(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备300交互的设备通信，和/或与使得该电子设备300能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口350进行。并且，电子设备300还可以通过网络适配器360与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。网络适配器360可以通过总线330与电子设备300的其它模块通信。应当明白，尽管图3中未示出，可以结合电子设备300使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述，本领域的技术人员易于理解，本发明描述的示例性实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本发明实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个计算机可读的存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、或者网络设备等)执行根据本发明的上述方法。当所述计算机程序被一个数据处理设备执行时，使得该计算机可读介质能够实现本发明的上述方法，即：如图1所示的方法。
图4为本说明书实施例提供的一种计算机可读介质的原理示意图。
实现图1所示方法的计算机程序可以存储于一个或多个计算机可读介质上。计算机可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
所述计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
综上所述，本发明可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)等通用数据处理设备来实现根据本发明实施例中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步详细说明，应理解的是，本发明不与任何特定计算机、虚拟装置或者电子设备固有相关，各种通用装置也可以实现本发明。以上所述仅为本发明的具体实施例而已，并不用于限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。
以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。
Claims (7)
1.一种长屏页面加载方法，其特征在于，包括：
将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储，其中，所述首屏页面为打开应用程序后呈现的第一个界面；
响应于触发加载首屏的事件，从客户端本地加载首屏页面信息，展示首屏页面；
渲染组件响应于监测到长屏触发事件，判断接口数据状态，若存在接口数据，则异步加载所述远程存储的首屏外区域页面信息；
监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，预测将要产生长屏触发事件的预测时段，并在临近所述预测时段的预设时段内，加载所述远程存储的首屏外区域页面信息于本地存储，以在触发展示首屏外页面时加快页面信息的加载速度；其中，所述预设时段是资源加载的提前程度，所述本地存储为临时存储；当所述预设时段结束时，删除本地存储的首屏外区域页面信息以避免长期占用本地存储空间；
结合所述首屏外区域页面信息展示长屏页面；
监测用户的页面切换操作，响应于监测到所述页面切换操作加载远程存储的待切换页面信息，生成待切换页面切换所述首屏页面；
构造可视化的页面展示链路，用于设置以及调整页面的加载方式，所述页面展示链路包括多个可切换状态的页面节点；
基于用户对所述页面节点的状态切换操作，切换所述页面节点所对应页面信息的加载方式，所述加载方式包括：远程加载和本地化加载中的一个；
响应于页面加载方式的切换，将页面节点所对应页面信息存储到本地，或者从本地删除，使得通过可视化的页面展示链路，管理人员可以快速切换页面信息的加载方式。
2.根据权利要求1所述的方法，其特征在于，所述长屏触发事件为页面滚动操作；
所述结合所述首屏外区域页面信息展示长屏页面，包括：
结合所述首屏页面信息和所述首屏外区域页面信息生成长屏页面并滚动展示。
3.根据权利要求1所述的方法，其特征在于，所述响应于监测到长屏触发事件异步加载所述远程存储的首屏外区域页面信息，包括：
渲染组件响应于监测到长屏触发事件，判断接口数据状态，若存在接口数据，则获取首屏外区域页面信息。
4.一种长屏页面加载装置，其特征在于，包括：
分离存储模块，用于将长屏页面信息分离为首屏页面信息和首屏外区域页面信息，将首屏页面信息本地化存储，将首屏外区域页面信息远程存储，其中，所述首屏页面为打开应用程序后呈现的第一个界面；
首屏加载模块，用于响应于触发加载首屏的事件，从客户端本地加载首屏页面信息，展示首屏页面；
异步加载模块，用于渲染组件响应于监测到长屏触发事件，判断接口数据状态，若存在接口数据，则异步加载所述远程存储的首屏外区域页面信息；
预测模块，用于监测产生长屏触发事件的时刻，回归拟合用户的长屏触发周期，预测将要产生长屏触发事件的预测时段，并在临近所述预测时段的预设时段内，加载所述远程存储的首屏外区域页面信息于本地存储，以在触发展示首屏外页面时加快页面信息的加载速度；其中，所述预设时段是资源加载的提前程度，所述本地存储为临时存储；当所述预设时段结束时，删除本地存储的首屏外区域页面信息以避免长期占用本地存储空间；
长屏展示模块，还用于结合所述首屏外区域页面信息展示长屏页面；
所述长屏页面加载装置还包括监测用户的页面切换操作，响应于监测到所述页面切换操作加载远程存储的待切换页面信息，生成待切换页面切换所述首屏页面；构造可视化的页面展示链路，用于设置以及调整页面的加载方式，所述页面展示链路包括多个可切换状态的页面节点；基于用户对所述页面节点的状态切换操作，切换所述页面节点所对应页面信息的加载方式，所述加载方式包括：远程加载和本地化加载中的一个；响应于页面加载方式的切换，将页面节点所对应页面信息存储到本地，或者从本地删除，使得通过可视化的页面展示链路，管理人员可以快速切换页面信息的加载方式。
5.根据权利要求4所述的装置，其特征在于，所述长屏触发事件为页面滚动操作；
所述结合所述首屏外区域页面信息展示长屏页面，包括：
结合所述首屏页面信息和所述首屏外区域页面信息生成长屏页面并滚动展示。
6.一种电子设备，其中，该电子设备包括：
处理器；以及，
存储计算机可执行程序的存储器，所述可执行程序在被执行时使所述处理器执行根据权利要求1-3中任一项所述的方法。
7.一种计算机可读存储介质，其中，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现权利要求1-3中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111180472.6A CN113885962B (zh) | 2021-10-11 | 2021-10-11 | 一种长屏页面加载方法、装置和电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111180472.6A CN113885962B (zh) | 2021-10-11 | 2021-10-11 | 一种长屏页面加载方法、装置和电子设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113885962A CN113885962A (zh) | 2022-01-04 |
| CN113885962B true CN113885962B (zh) | 2024-04-09 |
Family
ID=79005959
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111180472.6A Active CN113885962B (zh) | 2021-10-11 | 2021-10-11 | 一种长屏页面加载方法、装置和电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113885962B (zh) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2014082500A1 (zh) * | 2012-11-29 | 2014-06-05 | 腾讯科技（深圳）有限公司 | 页面加载方法及其系统、计算机存储介质 |
| CN105205157A (zh) * | 2015-09-28 | 2015-12-30 | 北京奇艺世纪科技有限公司 | 一种页面加载的方法、装置及系统 |
| WO2018196617A1 (zh) * | 2017-04-25 | 2018-11-01 | 腾讯科技（深圳）有限公司 | 一种页面加载方法、系统、服务器及终端 |
| CN111198996A (zh) * | 2019-12-20 | 2020-05-26 | 上海淇玥信息技术有限公司 | 一种页面展示的方法、装置和电子设备 |
| CN111339455A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 浏览器应用加载页面首屏的方法和装置 |
| CN112256363A (zh) * | 2020-09-21 | 2021-01-22 | 北京三快在线科技有限公司 | 应用页面渲染方法、装置、电子设备 |
-
2021
- 2021-10-11 CN CN202111180472.6A patent/CN113885962B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2014082500A1 (zh) * | 2012-11-29 | 2014-06-05 | 腾讯科技（深圳）有限公司 | 页面加载方法及其系统、计算机存储介质 |
| CN105205157A (zh) * | 2015-09-28 | 2015-12-30 | 北京奇艺世纪科技有限公司 | 一种页面加载的方法、装置及系统 |
| WO2018196617A1 (zh) * | 2017-04-25 | 2018-11-01 | 腾讯科技（深圳）有限公司 | 一种页面加载方法、系统、服务器及终端 |
| CN111339455A (zh) * | 2018-12-18 | 2020-06-26 | 阿里巴巴集团控股有限公司 | 浏览器应用加载页面首屏的方法和装置 |
| CN111198996A (zh) * | 2019-12-20 | 2020-05-26 | 上海淇玥信息技术有限公司 | 一种页面展示的方法、装置和电子设备 |
| CN112256363A (zh) * | 2020-09-21 | 2021-01-22 | 北京三快在线科技有限公司 | 应用页面渲染方法、装置、电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113885962A (zh) | 2022-01-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11782581B2 (en) | Display control method and device, electronic device and storage medium | |
| US9612807B2 (en) | Code placement using a dynamic call graph | |
| US20160004574A1 (en) | Method and apparatus for accelerating system running | |
| CN108549568B (zh) | 应用入口处理方法、装置、存储介质及电子设备 | |
| CN111190673B (zh) | 基于操作监测的页面展示方法、装置和电子设备 | |
| CN103345405A (zh) | 应用程序的启动方法、装置和客户端 | |
| CN111198996A (zh) | 一种页面展示的方法、装置和电子设备 | |
| CN104750378A (zh) | 输入法的输入模式自动切换方法及装置 | |
| US9658903B2 (en) | Event processing method and apparatus | |
| EP3522004A2 (en) | Code execution and data processing pipeline | |
| CN113312119B (zh) | 信息同步方法及装置、计算机可读存储介质、电子设备 | |
| CN113138898B (zh) | 对业务系统异常进行识别预警的方法、装置和电子设备 | |
| WO2015014262A1 (en) | Method, system and terminal for performing search in browser | |
| CN113885962B (zh) | 一种长屏页面加载方法、装置和电子设备 | |
| CN112232855A (zh) | 一种页面加载方法、装置和电子设备 | |
| CN109408057B (zh) | 自动生成代码的方法、装置、介质和计算设备 | |
| CN111352644A (zh) | 小程序更新方法、装置、服务器及存储介质 | |
| JP7307766B2 (ja) | トラフィック調整方法、装置、電子機器、コンピュータ可読記録媒体及びコンピュータプログラム | |
| CN110221746B (zh) | 信息交互方法、装置、介质和计算设备 | |
| CN109460525B (zh) | 简讯类文章的展示方法、装置、介质和计算设备 | |
| CN115202643A (zh) | 图标资源的删除方法、装置、电子设备及介质 | |
| JP2003330900A (ja) | アプリケーション並列処理システム及びアプリケーション並列処理方法 | |
| CN113110846A (zh) | 一种环境变量的获取方法及装置 | |
| CN111290818A (zh) | 创建应用程序的操作方法及应用程序的操作方法 | |
| WO2022019784A1 (en) | Assigning computing resources to execution of evaluators for image animation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |