组件和页面加载方法、装置、电子设备及存储介质制造方法及图纸

本公开实施例公开了一种组件和页面加载方法、装置、电子设备及存储介质。该方法包括：由用于加载目标组件所在页面的浏览器执行，所述方法包括：获取所述目标组件的本地存储资源和对应的本地版本号，以及从服务端获取所述目标组件的最新版本号；若所述本地版本号与所述最新版本号相同，则加载所述本地存储资源；若所述本地版本号与所述最新版本号不同，则根据所述本地版本号和所述最新版本号，从所述服务端获取所述目标组件的本地版本与最新版本之间的差异信息，根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源，加载所述最新版本资源。本公开实施例的技术方案能够减少对服务端的数据请求，能节省数据流量。

Component and page loading method, device, electronic equipment and storage medium

An embodiment of the present disclosure discloses a component and a page loading method, an apparatus, an electronic device and a storage medium. The method includes: executing by a browser for loading the page where the target component is located, the method includes: obtaining the local storage resource and the corresponding local version number of the target component, and obtaining the latest version number of the target component from the server; loading the local storage resource if the local version number is the same as the latest version number; and loading the local storage resource if the local version number is the same as the latest version number If this number is different from the latest version number, the difference information between the local version and the latest version of the target component is obtained from the server according to the local version number and the latest version number, the latest version resource of the target component is obtained according to the difference information and the local storage resource, and the latest version resource is loaded. The technical scheme of the embodiment of the disclosure can reduce the data request to the server and save the data flow.

【技术实现步骤摘要】
组件和页面加载方法、装置、电子设备及存储介质
本公开实施例涉及互联网通信领域，具体涉及一种组件和页面加载方法、装置、电子设备及存储介质。
技术介绍
在日常生活中，随处可见人们通过手机、平板电脑等智能移动设备获取网络上的信息。通常，网页页面中通常包括很多组件，若其中一个或几个组件有更新，就不能使用浏览器在本地缓存的数据资源，需要重新从服务端获取。然而当持有智能移动设备或使用固定设备的用户在网络信号比较差的环境中进行网络资源浏览时，如果待加载页面的数据量比较大，尤其是网络信号比较差的情况下，待加载页面的打开速度比较慢，浪费时间和数据流量。
技术实现思路
有鉴于此，本公开实施例提供一种组件和页面加载方法、装置、电子设备、及存储介质，以减少对服务端的数据请求，能节省数据流量。本公开实施例的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开实施例的实践而习得。第一方面，本公开实施例提供了一种组件加载方法，由用于加载目标组件所在页面的浏览器执行，所述方法包括：获取所述目标组件的本地存储资源和对应的本地版本号，以及从服务端获取所述目标组件的最新版本号；若所述本地版本号与所述最新版本号相同，则加载所述本地存储资源；若所述本地版本号与所述最新版本号不同，则根据所述本地版本号和所述最新版本号，从所述服务端获取所述目标组件的本地版本与最新版本之间的差异信息，根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源，加载所述最新版本资源。第二方面，本公开实施例提供了一种页面加载方法，由浏览器执行，所述方法包括：获取页面所包含的至少一个组件的本地存储资源和对应的版本信息，以及从服务端获取所述至少一个组件的最新版本信息，其中所述版本信息至少包括组件标识和版本号；分别对所述至少一个组件执行如下操作：若组件的本地存储资源的版本号与最新版本号相同，则加载所述组件的本地存储资源；若组件的本地存储资源的版本号与最新版本号不同，则根据所述本地存储资源的版本号与所述最新版本号，从所述服务端获取所述组件的所述本地存储资源的版本与最新版本之间的差异信息，根据所述差异信息和所述组件的本地存储资源获取所述组件的最新版本资源，加载所述组件的最新版本资源。第三方面，本公开实施例还提供了一种组件加载装置，包括：版本号获取单元，用于获取所述目标组件的本地存储资源和对应的本地版本号，以及从服务端获取所述目标组件的最新版本号；本地加载单元，用于若所述本地版本号与所述最新版本号相同，则加载所述本地存储资源；融合加载单元，用于若所述本地版本号与所述最新版本号不同，则根据所述本地版本号和所述最新版本号，从所述服务端获取所述目标组件的本地版本与最新版本之间的差异信息，根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源，加载所述最新版本资源。第四方面，本公开实施例还提供了一种页面加载装置，包括：版本信息获取单元，用于获取页面所包含的至少一个组件的本地存储资源和对应的版本信息，以及从服务端获取所述至少一个组件的最新版本信息，其中所述版本信息至少包括组件标识和版本号；本地加载单元，用于分别对所述至少一个组件，若组件的本地存储资源的版本号与最新版本号相同，则加载所述组件的本地存储资源；融合加载单元，用于分别对所述至少一个组件，若组件的本地存储资源的版本号与最新版本号不同，则根据所述本地存储资源的版本号与所述最新版本号，从所述服务端获取所述组件的所述本地存储资源的版本与最新版本之间的差异信息，根据所述差异信息和所述组件的本地存储资源获取所述组件的最新版本资源，加载所述组件的最新版本资源。第五方面，本公开实施例还提供了一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面中任一项所述的方法。第六方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一项所述的方法。本公开实施例的技术方案，通过浏览器获取目标组件的本地存储资源和对应的本地版本号，以及从服务端获取最新版本号，若两版本号相同，则加载所述本地存储资源，若两版本号不同，则从所述服务端获取所述目标组件的本地版本与最新版本之间的差异信息，根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源，加载所述最新版本资源，能够减少对服务端请求数据，能节省数据流量。附图说明为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本公开实施例中的一部分实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据本公开实施例的内容和这些附图获得其他的附图。图1是本公开实施例提供的一种组件加载方法的流程示意图；图2是本公开实施例提供的另一种组件加载方法的流程示意图；图3是本公开实施例提供的一种页面加载方法的流程示意图；图4是本公开实施例提供的另一种页面加载方法的流程示意图；图5是本公开实施例提供的另一种页面加载示例方法中本地索引树的示意图；图6是本公开实施例提供的另一种页面加载示例方法中最新索引树的示意图；图7是本公开实施例提供的另一种页面加载方法的示意图；图8是本公开实施例提供的一种组件加载装置的结构示意图；图9是本公开实施例提供的另一种组件加载装置的结构示意图；图10是本公开实施例提供的另一种页面加载装置的结构示意图；图11示出了适于用来实现本公开实施例的电子设备的结构示意图。具体实施方式为使本公开实施例解决的技术问题、采用的技术方案和达到的技术效果更加清楚，下面将结合附图对本公开实施例的技术方案作进一步的详细描述，显然，所描述的实施例仅仅是本公开实施例中的一部分实施例，而不是全部的实施例。基于本公开实施例中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开实施例保护的范围。需要说明的是，本公开实施例中术语“系统”和“网络”在本文中常被可互换使用。本公开实施例中提到的“和/或”是指包括一个或更多个相关所列项目的任何和所有组合。本公开的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于限定特定顺序。还需要说明是，本公开实施例中下述各个实施例可以单独执行，各个实施例之间也可以相互结合执行，本公开实施例对此不作具体限制。本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。下面结合附图并通过具体实施方式来进一步说明本公开实施例的技术方案。图1示出了本公开实施例提供的一种组件加载方法的本文档来自技高网...

【技术保护点】
1.一种组件加载方法，其特征在于，由用于加载目标组件所在页面的浏览器执行，所述方法包括：/n获取所述目标组件的本地存储资源和对应的本地版本号，以及从服务端获取所述目标组件的最新版本号；/n若所述本地版本号与所述最新版本号相同，则加载所述本地存储资源；/n若所述本地版本号与所述最新版本号不同，则根据所述本地版本号和所述最新版本号，从所述服务端获取所述目标组件的本地版本与最新版本之间的差异信息，根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源，加载所述最新版本资源。/n

【技术特征摘要】
1.一种组件加载方法，其特征在于，由用于加载目标组件所在页面的浏览器执行，所述方法包括：
获取所述目标组件的本地存储资源和对应的本地版本号，以及从服务端获取所述目标组件的最新版本号；
若所述本地版本号与所述最新版本号相同，则加载所述本地存储资源；
若所述本地版本号与所述最新版本号不同，则根据所述本地版本号和所述最新版本号，从所述服务端获取所述目标组件的本地版本与最新版本之间的差异信息，根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源，加载所述最新版本资源。


2.根据权利要求1所述的方法，其特征在于，所述目标组件的本地版本与最新版本之间的差异信息包括：用于将所述目标组件从所述本地版本升级为所述最新版本的补丁资源。


3.根据权利要求1所述的方法，其特征在于，所述方法还包括：从服务端获取所述目标组件的最新版本的哈希值；
在根据所述差异信息和所述本地存储资源获取所述目标组件的最新版本资源之后还包括，计算所述最新版本资源的哈希值；
所述加载所述最新版本资源还包括：若所计算的哈希值与从服务端所获取的哈希值相同，则加载所述最新版本资源。


4.根据权利要求1所述的方法，其特征在于，若所述本地版本号与所述最新版本号不同，则在加载所述最新版本资源之后还包括：
将所述目标组件的本地存储资源更新为所述最新版本资源，以及将所述本地版本号更新为所述最新版本号。


5.根据权利要求1所述的方法，其特征在于，获取所述目标组件的本地存储资源包括：从本地的LocalStroage中获取所述目标组件的本地存储资源。


6.根据权利要求1所述的方法，其特征在于，所述方法通过所述浏览器执行所述页面中的javascript代码实现。


7.一种页面加载方法，其特征在于，由浏览器执行，所述方法包括：
获取页面所包含的至少一个组件的本地存储资源和对应的版本信息，以及从服务端获取所述至少一个组件的最新版本信息，其中所述版本信息至少包括组件标识和版本号；
分别对所述至少一个组件执行如下操作：
若组件的本地存储资源的版本号与最新版本号相同，则加载所述组件的本地存储资源；
若组件的本地存储资源的版本号与最新版本号不同，则根据所述本地存储资源的版本号与所述最新版本号，从所述服务端获取所述组件的所述本地存储资源的版本与最新版本之间的差异信息，根据所述差异信息和所述组件的本地存储资源获取所述组件的最新版本资源，加载所述组件的最新版本资源。


8.根据权利要求7所述的方法，其特征在于，所述版本信息还包括代码哈希值；
在根据所述差异信息和所述组件的本地存储资源获取所述组件的最新版本资源之后还包括：计算所述组件的最新版本资源的哈希值；
所述加载所述组件的最新版本资源还包括：...

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