JS文件处理方法和装置制造方法及图纸

本发明专利技术公开了一种JS文件处理方法和装置。其中，该JS文件处理方法包括：接收网页加载请求，其中，网页加载请求用于请求加载目标网页，目标网页引用第一JS文件，第一JS文件为用于加载第二JS文件的框架文件，第二JS文件为用于实现前端功能的JS文件；基于网页加载请求加载目标网页并在目标网页上加载目标网页引用的第一JS文件；以及通过第一JS文件加载第二JS文件。通过本发明专利技术，解决了相关技术中网页加载速度慢的问题。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了一种JS文件处理方法和装置。其中，该JS文件处理方法包括：接收网页加载请求，其中，网页加载请求用于请求加载目标网页，目标网页引用第一JS文件，第一JS文件为用于加载第二JS文件的框架文件，第二JS文件为用于实现前端功能的JS文件；基于网页加载请求加载目标网页并在目标网页上加载目标网页引用的第一JS文件；以及通过第一JS文件加载第二JS文件。通过本专利技术，解决了相关技术中网页加载速度慢的问题。【专利说明】JS文件处理方法和装置
本专利技术涉及网页处理领域，具体而言，涉及一种JS文件处理方法和装置。
技术介绍
目前网站的富前端现象越来越严重，而很多的前端功能都是需要引用第三方的JS文件来完成，所以网页加载引用JS文件已经成为一种网站开发的比较常见方式。 由于JS文件是阻塞加载模式，也就说如果网页顺序加载到JS文件时，只有完整加载了引用的JS文件，才会继续加载网页上JS文件之后的元素；如果这个过程中JS文件访问超时，网页也会一直等待，至超时之后再去加载别的元素。这样严重影响网页加载速度，导致网页速度较慢。 针对现有技术中网页加载速度慢的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术的主要目的在于提供一种JS文件处理方法和装置，以解决现有技术中网页加载速度慢的问题。 为了实现上述目的，根据本专利技术实施例的一个方面，提供了一种JS文件处理方法。根据本专利技术的JS文件处理方法包括:接收网页加载请求，其中，上述网页加载请求用于请求加载目标网页，上述目标网页引用第一 JS文件，上述第一 JS文件为用于加载第二 JS文件的框架文件，上述第二 JS文件为用于实现前端功能的JS文件；基于上述网页加载请求加载上述目标网页并在上述目标网页上加载上述目标网页引用的上述第一 JS文件；以及通过上述第一 JS文件加载上述第二 JS文件。 进一步地，上述第一 JS文件携带有上述第二 JS文件的位置参数，上述位置参数用于表示上述目标网页加载上述第二 JS文件的页面位置，其中，通过上述第一 JS文件加载上述第二 JS文件包括:基于上述位置参数通过上述第一 JS文件将上述第二 JS文件加载到上述页面位置。 进一步地，上述第二 JS文件包括多个JS文件，上述第一 JS文件携带有上述多个JS文件的加载顺序，其中，通过上述第一 JS文件加载上述第二 JS文件包括:通过上述第一JS文件按照上述加载顺序依次加载上述多个JS文件。 进一步地，在接收网页加载请求之前，上述JS文件处理方法还包括:创建上述第一JS文件；在上述第一 JS文件中添加用于表示上述多个JS文件的加载顺序的参数；以及将上述第一 JS文件引用到上述目标网页。 进一步地，通过上述第一 JS文件加载上述第二 JS文件包括:在加载完上述第一JS文件之后，以及加载完上述目标网页之前，通过上述第一 JS文件异步加载上述第二 JS文件；或者在加载完上述目标网页之后，通过上述第一 JS文件加载上述第二 JS文件。 为了实现上述目的，根据本专利技术实施例的另一方面，提供了一种JS文件处理装置。根据本专利技术的JS文件处理装置可以包括:接收单元，用于接收网页加载请求，其中，上述网页加载请求用于请求加载目标网页，上述目标网页引用第一 JS文件，上述第一 JS文件为用于加载第二 JS文件的框架文件，上述第二 JS文件为用于实现前端功能的JS文件；第一加载单元，用于基于上述网页加载请求加载上述目标网页并在上述目标网页上加载上述目标网页引用的上述第一 JS文件；以及第二加载单元，用于通过上述第一 JS文件加载上述第二 JS文件。 进一步地，上述第一 JS文件携带有上述第二 JS文件的位置参数，上述位置参数用于表示上述目标网页加载上述第二 JS文件的页面位置，其中，上述第二加载单元可以包括:第一加载模块，用于基于上述位置参数通过上述第一 JS文件将上述第二 JS文件加载到上述页面位置。 进一步地，上述第二 JS文件可以包括多个JS文件，上述第一 JS文件携带有上述多个JS文件的加载顺序，其中，上述第二加载单元可以包括:第二加载模块，用于通过上述第一 JS文件按照上述加载顺序依次加载上述多个JS文件。 进一步地，上述JS文件处理装置还可以包括:创建单元，用于在接收网页加载请求之前，创建上述第一 JS文件；添加单元，用于在上述第一 JS文件中添加用于表示上述多个JS文件的加载顺序的参数；以及引用单元，用于将上述第一 JS文件引用到上述目标网页。 进一步地，上述第二加载单元可以包括:第三加载模块，用于在加载完上述第一JS文件之后，以及加载完上述目标网页之前，通过上述第一 JS文件异步加载上述第二 JS文件；或者第四加载模块，用于在加载完上述目标网页之后，通过上述第一 JS文件加载上述第二 JS文件。 根据专利技术实施例，通过接收网页加载请求，其中，网页加载请求用于请求加载目标网页，目标网页引用第一 JS文件，第一 JS文件为用于加载第二 JS文件的框架文件，第二 JS文件为用于实现前端功能的JS文件；基于网页加载请求加载目标网页并在目标网页上加载目标网页引用的第一 JS文件；以及通过第一 JS文件加载第二 JS文件，解决了现有技术中网页加载速度慢的问题，达到了使网页加载速度加快的效果。 【专利附图】【附图说明】 构成本申请的一部分的附图用来提供对本专利技术的进一步理解，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中: 图1是根据本专利技术实施例的JS文件处理方法的流程图；以及 图2是根据本专利技术实施例的JS文件处理装置的示意图。 【具体实施方式】 需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本专利技术。 为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。 需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。 本专利技术实施例提供了一种JS文件处理方法。 图1是根据本专利技术实施例的JS文件处理方法的流程图。如图1所示，该JS文件处理方法包括步骤如下: 步骤S102，接收网页加载请求，其中，网页加载请求用于请求加载目标网页，目标网页引用第一 JS文件，第一 JS文件为用于加载第二 JS文件的框架文件，第二 JS文件为用于实现前端功能的JS文件。 步骤S104，基于网页加载请求本文档来自技高网...

【技术保护点】
一种JS文件处理方法，其特征在于，包括：接收网页加载请求，其中，所述网页加载请求用于请求加载目标网页，所述目标网页引用第一JS文件，所述第一JS文件为用于加载第二JS文件的框架文件，所述第二JS文件为用于实现前端功能的JS文件；基于所述网页加载请求加载所述目标网页并在所述目标网页上加载所述目标网页引用的所述第一JS文件；以及通过所述第一JS文件加载所述第二JS文件。

【技术特征摘要】

【专利技术属性】
技术研发人员：冯鸳鹤，孙德彬，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11