页面加载的方法和装置制造方法及图纸

本发明专利技术公开了一种页面加载的方法和装置。其中，该方法包括：接收页面加载请求；依据预先存储的代码文件列表获取页面加载请求对应的加载模块；依据加载模块加载待加载页面。本发明专利技术解决了由于相关技术中运行requireJs插件带来的代码量的执行多，消耗的时间长，导致的代码执行冗余执行效率低的技术问题。

【技术实现步骤摘要】

本专利技术涉及计算机应用
，具体而言，涉及一种页面加载的方法和装置。
技术介绍
随着移动互联网技术的快速发展以及第五版超文本标记语言(Hypertext Markup Language，简称html5)在移动端的广泛应用，脚本语言(Java Script，简称js)作为一种脚本语言越来在网页web前端开发中发挥着重要作用。但是一个页面的开发可能需要大量js代码，如果一个页面中引入大量js文件，就会导致页面不整洁，逻辑混乱，甚至依赖关系不清晰，最终导致代码难以维护。相关技术中有遵循AMD规范的模块化加载解决依赖关系的js插件，如JS请求requireJs，通过运行requireJs插件，进而解决由于大量JS文件的引入导致页面不整洁，逻辑混乱，甚至依赖关系不清晰，最终导致代码难以维护的问题发生。但是requireJs插件的应用所带来的问题在于，requireJs插件在对于一个页面进行的加载之前需要先下载该requireJS插件，进而在加载该页面时，requireJS插件需要大量代码来实现，实际上一个页面对应的运行代码仅为requireJs插件中代码中的一部分，例如，【模块1】依赖A与B，【模块2】依赖C与D，插件加载会预先加载并解析A、B、C、D四个模块(解析会阻塞消耗一定时间)，然后再执行【模块1】与【模块2】，由此可知，requireJs插件虽然解决了依赖关系不清晰的问题，但是该requireJs插件的代码量的执行多，消耗的时间长，因此在代码维护上除了依旧难以维护外，还将对整个系统运行造成负担。针对上述由于相关技术中运行requireJs插件带来的代码量的执行多，消耗的时间长，导致的代码执行冗余执行效率低的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种页面加载的方法和装置，以至少解决由于相关技术中运行requireJs插件带来的代码量的执行多，消耗的时间长，导致的代码执行冗余执行效
率低的技术问题。根据本专利技术实施例的一个方面，提供了一种页面加载的方法，包括：接收页面加载请求；依据预先存储的代码文件列表获取页面加载请求对应的加载模块，加载模块用于加载待加载页面；依据加载模块加载待加载页面。根据本专利技术实施例的另一方面，还提供了一种页面加载的装置，包括：接收模块，用于接收页面加载请求；获取模块，用于依据预先存储的代码文件列表获取页面加载请求对应的加载模块，加载模块用于加载待加载页面；加载模块，用于依据加载模块加载待加载页面。在本专利技术实施例中，通过接收页面加载请求；依据预先存储的代码文件列表获取页面加载请求对应的加载模块；依据加载模块加载待加载页面。达到了减少代码量的目的，从而实现了执行时间短，执行效率高，系统负担小的技术效果，进而解决了由于相关技术中运行requireJs插件带来的代码量的执行多，消耗的时间长，导致的代码执行冗余执行效率低的技术问题。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1是根据本专利技术实施例的页面加载的方法的流程示意图；图2是是根据本专利技术实施例的一种页面加载的方法的流程示意图；图3是根据本专利技术实施例的页面加载的装置的流程示意图；图4是根据本专利技术实施例的一种页面加载的装置的流程示意图；图5是根据本专利技术实施例的另一种页面加载的装置的流程示意图；图6是根据本专利技术实施例的又一种页面加载的装置的流程示意图；图7是根据本专利技术实施例的再一种页面加载的装置的流程示意图。具体实施方式为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。实施例一根据本专利技术实施例，提供了一种页面加载的方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。图1是根据本专利技术实施例的页面加载的方法的流程示意图，如图1所示，该方法包括如下步骤：步骤S102，接收页面加载请求；步骤S104，依据预先存储的代码文件列表获取页面加载请求对应的加载模块，加载模块用于加载待加载页面；步骤S106，依据加载模块加载待加载页面。结合步骤S102至步骤S106，本申请实施例提供的页面加载的方法可以适用于互联网应用技术，特别是对网页的加载，其中，在接收到页面加载请求后，依据预先存储的代码文件列表获取该页面加载请求对应的加载模块，进而通过该加载模块加载待加载页面。区别于相关技术中的requireJs插件加载待加载页面的方法，本申请实施例在加载待加载页面时，通过代码文件列表获取页面加载请求对应的加载模块，根据页面加载请求执行对应的加载模块，区别于requireJs插件在加载待加载页面的过程中，需要将
所有加载模块进行全部加载，本申请实施例通过按需加载减少了代码量的执行，节省了模块解析时间，进而达到了提升代码量的执行效率和减轻系统负担的效果。本申请实施例提供的页面加载的方法中，通过接收页面加载请求；依据预先存储的代码文件列表获取页面加载请求对应的加载模块；依据加载模块加载待加载页面。达到了减少代码量的目的，从而实现了执行时间短，执行效率高，系统负担小的技术效果，进而解决了由于相关技术中运行requireJs插件带来的代码量的执行多，消耗的时间长，导致的代码执行冗余执行效率低的技术问题。可选的，步骤S104中依据预先存储的代码文件列表获取页面加载请求对应的加载模块包括：Step1，解析页面加载请求，得到页面加载请求对应的加载对象；Step2，依据代码文件列表查询加载对象，得到对应加载对象的模块名称；Step3，依据模块名称获取对应的模块路径；Step4，依据模块路径映射代码文件列表，得到模块名称对应的加载模块。具体的，结合步骤Step1至Step4，本申请实施例通过解析该页面加载请求，得到加载对象，进而通过代码文件列表查询该加载对象，得到对应该加载对象的模块名称，进一步的通过该模块名称获取对应的模块路径，最后通过该模块路径映射代码文件列表得到模块名称对应的加载模块。这里代码文件列表中加载对象与对应的模块名称存在映射关系，通过得到加载对象得到对应该加载对象的模块名称，同样，模块名称与对应的模块本文档来自技高网...

【技术保护点】
一种页面加载的方法，其特征在于，包括：接收页面加载请求；依据预先存储的代码文件列表获取所述页面加载请求对应的加载模块，所述加载模块用于加载待加载页面；依据所述加载模块加载所述待加载页面。

【技术特征摘要】
1.一种页面加载的方法，其特征在于，包括：接收页面加载请求；依据预先存储的代码文件列表获取所述页面加载请求对应的加载模块，所述加载模块用于加载待加载页面；依据所述加载模块加载所述待加载页面。2.根据权利要求1所述的方法，其特征在于，所述依据预先存储的代码文件列表获取所述页面加载请求对应的加载模块包括：解析所述页面加载请求，得到所述页面加载请求对应的加载对象；依据所述代码文件列表查询所述加载对象，得到对应所述加载对象的模块名称；依据所述模块名称获取对应的模块路径；依据所述模块路径映射所述代码文件列表，得到所述模块名称对应的所述加载模块。3.根据权利要求1所述的方法，其特征在于，所述依据预先存储的代码文件列表获取所述页面加载请求对应的加载模块包括：解析所述页面加载请求，得到所述页面加载请求对应的加载对象；依据所述代码文件列表查询所述加载对象，得到对应所述加载对象的模块名称和所述模块名称对应的属性值；依据所述属性值映射所述代码文件列表，得到对应的所述加载模块。4.根据权利要求1所述的方法，其特征在于，所述依据所述加载模块加载所述待加载页面包括：依据所述加载模块的模块名称定义文件；通过预设的映射函数依据所述模块名称映射至对应的待加载页面；依据所述文件加载所述待加载页面。5.根据权利要求1所述的方法，其特征在于，在所述接收页面加载请求之前，所述
\t方法还包括：将所述代码文件列表以及对应各个加载模块的算法封装至通用类中。6.一种页面加载的装置，其特征在于，包括：...

【专利技术属性】
技术研发人员：张建杰，耿利达，侯伟，
申请(专利权)人：大唐网络有限公司，
类型：发明
国别省市：北京;11