CN108984189B - 模块解析的方法和装置 - Google Patents
模块解析的方法和装置 Download PDFInfo
- Publication number
- CN108984189B CN108984189B CN201710399282.0A CN201710399282A CN108984189B CN 108984189 B CN108984189 B CN 108984189B CN 201710399282 A CN201710399282 A CN 201710399282A CN 108984189 B CN108984189 B CN 108984189B
- Authority
- CN
- China
- Prior art keywords
- module
- external interface
- link
- entering
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- 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/44536—Selecting among different versions
-
- 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/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
- G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
- Stored Programmes (AREA)
Abstract
本发明实施例提供一种模块解析的方法和装置,能够简化模块合并的过程,降低模块的解析难度;同时能够控制模块的更新,提供模块的不同版本。本发明实施例的模块解析的方法包括:根据模块的ID与版本号生成模块链接,基于所述模块链接生成模块获取请求;发送所述模块获取请求;加载所述模块以获取所述模块的外部接口。
Description
技术领域
本发明涉及计算机领域,尤其涉及一种模块解析的方法和装置。
背景技术
移动web前端开发是互联网技术中非常重要的一个环节,呈现在用户面前的各种形态的页面都是由前端开发最终完成,前端开发需要完成的工作有页面html、样式css和逻辑javascript。
对于java脚本(javascript,简称js)的模块化开发,随着页面复杂度的变大,需要开发人员协同工作,需要提前引入公共模块,这些公共模块之间往往相互依赖,被依赖的js文件必须提前引入,这对引入顺序提出了严格要求,同时代码之间的耦合度较大。
现有技术一般采用通用模块,如seajs,来解决以上问题。Seajs的解析步骤如下:
步骤S11.在页面引入seajs的模块定义文件,进入入口函数use方法。
步骤S12.构建初始模块,定义初始模块的依赖模块及回调函数。
步骤S13.加载并定义所有依赖模块,进入加载(onload)方法。
步骤S14.执行初始模块的回调函数,利用获取(require)方法、工厂(factory)方法获取模块的外部接口返回。具体实现流程可参见图1。
在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
1.合并请求时,需要合并模块,需要用专业的合并工具做模块格式的转换,需要根据文件名自动加上id。如果不加id,只有最后一个模块定义被识别,这使得模块合并比较复杂也容易出现问题。
2.对于模块id的管理比较宽泛,无法保证一个模块id对应于一个模块。解析时,用一个模块id根据配置文件等信息,反射出对应的完整url,然后再与模块进行匹配,增加了模块解析难度,也增加了模块错乱的风险。
3.模块的更新比较复杂,开发人员也难以选择所需版本的模块。
4.没有将模块缓存在本地,不能减少请求,增加了带宽的浪费。
5.代码量较大,也没有实现对加载css文件的支持。
发明内容
有鉴于此,本发明实施例提供一种模块解析的方法和装置,能够简化模块合并的过程,降低模块的解析难度;同时能够控制模块的更新,提供模块的不同版本。
为实现上述目的,根据本发明的一个方面,提供了一种模块解析的方法。
本发明实施例的一种模块解析的方法用于在Web页面加载模块,包括:根据模块的ID与版本号生成模块链接,基于所述模块链接生成模块获取请求;发送所述模块获取请求;加载所述模块以获取所述模块的外部接口。
可选地,所述模块包括待加载模块、及源于所述待加载模块的依赖模块。
可选地,所述方法进一步包括:将所述模块链接分成多组,其中每一组对应于一模块获取请求。
可选地,所述方法进一步包括:在将所述模块链接分成多组之后,如果判断缓存中存储与所述模块链接对应的模块,则将该模块链接去除。
可选地,基于所述模块链接生成模块获取请求包括:对于每一组模块链接,将该组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。
可选地,所述方法进一步包括:在加载所述模块之前,如果判断在缓存中存储了所述模块,则获取所述模块的外部接口。
可选地,加载所述模块以获取所述模块的外部接口包括:通过load方法加载所述模块,通过define方法定义加载的模块;对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。
为实现上述目的,根据本发明的另一方面,提供了一种模块解析的装置。
本发明实施例的一种模块解析的装置用于在Web页面加载模块,包括:请求生成单元,可用于根据模块的ID与版本号生成模块链接,基于所述模块链接生成模块获取请求;发送单元,可用于发送所述模块获取请求;执行单元,可用于加载所述模块以获取所述模块的外部接口。
可选地,所述模块包括待加载模块、及源于所述待加载模块的依赖模块;以及请求生成单元还可用于:在根据模块的ID与版本号生成模块链接之后,将所述模块链接分成多组;并判断缓存中是否存储与所述模块链接对应的模块:若是,将该模块链接去除;其中,所述多组中的每一组对应于一模块获取请求。
可选地,请求生成单元可用于:对于每一组模块链接,将该组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。
可选地,执行单元可用于:通过load方法加载所述模块,通过define方法定义加载的模块;对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。
为实现上述目的,根据本发明的再一方面,提供了一种电子设备。
本发明的一种电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明所提供的模块解析的方法。
为实现上述目的,根据本发明的再一方面,提供了一种计算机可读存储介质。
本发明的一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明所提供的模块解析的方法。
根据本发明的技术方案,上述发明中的一个实施例具有如下优点或有益效果:在Web页面加载模块时,通过将模块标识ID与模块对应,解决了现有技术中模块合并复杂、模块解析难度较大的问题,从而简化模块合并过程,也无需使用专业的合并工具进行格式转换,同时降低模块解析难度,加快页面响应速度;通过将版本号与模块链接对应,解决了现有技术中模块更新复杂的问题,实现了利用版本号控制模块更新、提供模块的不同版本的技术效果;在合并请求、加载模块时使用缓存机制,从而减少请求数量,缩小返回文件,节约带宽;由于减少了现有技术中模块ID与模块链接URL进行处理的代码,使得代码非常简洁,而且实现了对加载css文件的支持。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是现有技术中seajs的解析流程示意图;
图2是根据本发明实施例的模块解析的方法的主要步骤的示意图;
图3是根据本发明实施例的模块解析的方法的主要流程的示意图;
图4是根据本发明实施例的模块解析的方法的具体流程的示意图;
图5是根据本发明实施例的模块解析的装置的主要部分的示意图;
图6是根据本发明实施例可以应用于其中的示例性系统架构图;
图7是用来实现本发明实施例的模块解析的方法的电子设备的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
模块化的开发方法是程序开发中的重要手段,尤其对于复杂项目来说,往往需要调用具有所需功能的多个模块。例如在前端javascript开发过程中,往往将项目分成公共组件模块、业务代码模块等多个js模块进行开发,以避免重复性工作。本发明实施例的技术方案可应用于Web前端模块化开发中,在Web页面加载外部js模块或css模块的场景。
具体地,本发明实施例的技术方案通过模块ID与版本号生成模块链接,通过模块链接发出请求进而加载模块,由此使模块、模块ID与模块版本号对应,实现了简化模块合并过程、降低模块解析难度、模块更新可控、模块版本可选择的技术效果。此外,本发明的实施例的技术方案在合并请求、加载模块时使用缓存机制,从而减少请求数量,缩小返回文件,节约带宽。
需要说明的是,本发明实施例的模块解析的方法并不局限于javascript或css程序开发,也能够用于其它程序开发环境。本发明实施例的具体内容并不对本发明的适用环境形成任何限制。
图2是根据本发明实施例的模块解析的方法的主要步骤的示意图。
如图2所示,本发明实施例的一种模块解析的方法主要包括如下步骤:
步骤S21:根据模块的ID与版本号生成模块链接,基于模块链接生成模块获取请求。本步骤的目的在于通过模块的ID、版本号确定模块链接,通过模块链接得到模块获取请求进而获取模块,从而使模块与其ID、版本号相对应。在本发明实施例中,所述模块指的是具有特定功能的多种方法的组合。实际应用中,所述模块为js模块或css模块。
步骤S21可具体按照如下步骤执行:
1.根据模块的ID与版本号生成模块链接。
2.将模块链接分成多组,其中每一组对应于一模块获取请求。
3.针对分组后的模块链接,如果判断缓存中存储与模块链接对应的模块,则将该模块链接从所在组中去除。
4.将每一组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。
在步骤S21之后,下面的步骤进行模块获取请求的发送及模块的加载。
步骤S22:发送模块获取请求。上述模块获取请求用于获取模块。
步骤S23:加载所述模块,获取所述模块的外部接口。本步骤的目的在于将通过发送模块获取请求获得的模块加载,并获取其外部接口。
步骤S23可具体按照以下步骤执行:
1.在加载模块之前,如果判断在缓存中存储了所述模块,则获取所述模块的外部接口。
2.接收服务端根据模块获取请求发送的模块URL(Uniform Resoure Locator,统一资源定位符),基于所述模块URL获取模块。
3.通过load方法加载所述模块,通过定义(define)方法定义加载的模块;对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。
图3是根据本发明实施例的模块解析的方法的主要流程的示意图。图3示出的实施例可在图2所示的实施例的基础上,进一步对本发明的模块解析的方法中模块链接生成,缓存判断,模块的加载、定义、外部接口的获取等技术内容进行补充。
如图3所示,本发明实施例的模块解析的方法的主要流程如下:
步骤S31:根据模块的ID与版本号生成模块链接。具体地,确定模块的ID与版本号,根据预设规则生成模块链接。其中的预设规则可根据应用环境设置,例如,预设规则可以为:
http://xxx.com/js/version/版本日期/ID.版本号.js
在上述预设规则中,版本日期由版本号确定。
在步骤S31中,所述模块包括待加载模块及源于待加载模块的依赖模块。所述源于待加载模块的依赖模块是指以待加载模块为源点的多层依赖模块,包括待加载模块的依赖模块、待加载模块的依赖模块的依赖模块、待记载模块的依赖模块的依赖模块的依赖模块……。
例如:A为待加载模块,A的依赖模块为B、C,B的依赖模块为D,D的依赖模块为G,则源于A的依赖模块为B、C、D、G。需要说明的是,上例仅用于对源于待加载模块的依赖模块进行说明,并不对其进行任何限制。
步骤S31的目的在于:将模块的ID、版本号与模块对应,使开发人员在合并模块链接生成模块获取请求时,根据模块ID、所需的模块版本号即可确定相应模块,从而不需使用专用的合并工具即可完成合并,与现有技术相比可简化模块合并过程。另外,通过为模块设置ID,还可降低模块解析难度,加快页面响应速度。此外,开发人员可根据所需的模块版本号选择对应的模块链接,更新模块时可通过更新版本号来实现,从而达到根据需求选择模块版本、利用版本号控制模块更新的技术效果。
步骤S32:将模块链接分成多组,其中的每一组对应于一模块获取请求。本步骤的目的在于减少发送的请求的数量,从而节约带宽。
步骤S33:如果判断缓存中存储与所述模块链接对应的模块,则将该模块链接去除。本步骤的目的是在发送获取模块请求之前,首先检测本地缓存中是否已存在所述模块,如果已存在则不发送请求,由此缩小针对请求返回的文件,避免带宽资源浪费,节约响应时间。
具体应用中,本发明实施例的模块解析的方法在加载模块之后将该模块存储在缓存,以避免重复加载。在判断缓存中是否存储模块时,可通过该模块的ID与版本号进行查询从而实现判断。
步骤S34:对于每一组模块链接,将该组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。本步骤的目的在于针对经过分组、缓存判断的模块链接,将每一组的模块链接合并为一链接,生成模块获取请求。
步骤S35:发送所述模块获取请求。较佳地,在本发明实施例中,本步骤将模块获取请求发送到服务器端,用于获取所需模块。
步骤S36:在加载模块前,如果判断在缓存中存储了所述模块,则获取所述模块的外部接口。在本步骤中,如果缓存中存储所述模块,则不需要加载该模块,在定义该模块之后获取其外部接口向外提供。本步骤的目的在于避免已缓存模块的重复加载。
步骤S37:通过load方法加载所述模块,通过define方法定义加载的模块。较佳地,在向服务器端发送模块获取请求后,根据服务器端的响应加载、定义所述模块。
步骤S38:对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。本步骤的目的在于获取定义完毕的模块的外部接口exports向外提供。
需要说明的是,在本发明实施例中,load方法、define方法、require方法、factory方法均为本领域Html、JavaScript程序开发中的现有技术。
图4是根据本发明实施例的模块解析的方法的具体流程的示意图。
如图4所示,本发明实施例的一种模块解析的方法的具体流程如下:
1.在Web页面加载模块时,获取待加载模块的ID与版本号、每一源于待加载模块的依赖模块的ID与版本号。针对上述每一模块,根据其ID与版本号、通过预设规则生成模块链接,将模块链接分成多组。
2:如果缓存中存储所需模块,则在合并每一组的模块链接时,去除该模块的模块链接以节省带宽。将每一组的模块链接合并为一链接。
3:生成配置文件,用于记录模块与其合并后的链接的对应关系,进入入口文件。在加载模块后进入define方法。一般地,加载模块时,模块的文件名由模块的ID与后缀.js组成,由此可通过模块ID确定模块。此外,与现有技术中相比,所述配置文件少了模块ID与模块链接URL进行处理的代码,使得本发明实施例的模块解析的方法的代码非常简洁,解析复杂度低。
4:如果模块id是初始模块init,则配置回调函数,进入步骤5;否则,将所述模块放入模块序列,并更新缓存,将所述模块存储。
5:如果回调的依赖已就绪,进入步骤9;否则加载缺少的模块,进入步骤6。实际应用中,可通过设置相应函数判断回调的依赖是否就绪。
6:如果模块已缓存,则定义该模块,进入步骤4;否则进入步骤7。
7:如果模块已在模块序列中,则进入步骤5;否则进入步骤8。
8:通过script脚本加载缺失的模块,定义所述模块,进入步骤4;
9:进入require方法。如果模块已经存在:判断模块的外部接口是否存在:若是,返回外部接口;否则,执行factory方法获得外部接口返回。如果模块不存在:报错。上述执行过程中,遇到require方法,不断重复步骤9,获得所有依赖模块的外部接口exports。
10:执行入口文件中的回调函数,解析结束。
此外,在本发明实施例中,还支持加载css文件。当系统链接有mdebug参数时,说明处于调试状态,则不合并请求、不使用缓存,方便于开发。
根据本发明实施例的模块解析的方法可以看出,在Web页面加载模块时,因为采用将模块ID与模块对应的技术手段,所以解决了现有技术中模块合并复杂、模块解析难度较大的问题,从而简化模块合并过程,也无需使用专业的合并工具,同时降低模块解析难度,加快页面响应速度;因为将版本号与模块链接对应,所以解决了现有技术中模块更新复杂的问题,进而实现了利用版本号控制模块更新、提供模块的不同版本的技术效果;通过在合并请求、加载模块时使用缓存机制,从而实现了减少请求数量,缩小返回文件,节约带宽的技术效果;由于减少了现有技术中模块ID与模块链接URL进行处理的代码,使得代码非常简洁,而且实现了对加载css文件的支持。
图5是根据本发明实施例的模块解析的装置的主要部分的示意图。
如图5所示,本发明实施例的模块解析的装置50用于在Web页面加载模块,其主要包括:请求生成单元501、发送单元502与执行单元503。其中:
请求生成单元501可用于根据模块的ID与版本号生成模块链接,基于根据所述模块链接生成模块获取请求。发送单元502可用于发送所述模块获取请求。执行单元503可用于加载所述模块以获取所述模块的外部接口。
在本发明实施例中,所述模块包括待加载模块及源于所述待加载模块的依赖模块。
请求生成单元501还可用于:在根据模块的ID与版本号生成模块链接之后,将所述模块链接分成多组;并判断缓存中是否存储与所述模块链接对应的模块:若是,将该模块链接去除。其中,所述多组中的每一组对应于一模块获取请求。
在本发明实施例中,请求生成单元501可用于:对于每一组模块链接,将该组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。
此外,在本发明实施例中,执行单元503可用于:通过load方法加载所述模块,通过define方法定义加载的模块;对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。
需要说明的是,本发明实施例的模块解析的装置50作为软件,可安装在计算机、移动终端等电子设备中。
从以上描述可以看出,在Web页面加载模块时,因为采用将模块ID与模块对应的技术手段,所以解决了现有技术中模块合并复杂、模块解析难度较大的问题,从而简化模块合并过程,也无需使用专业的合并工具,同时降低模块解析难度,加快页面响应速度;因为将版本号与模块链接对应,所以解决了现有技术中模块更新复杂的问题,进而实现了利用版本号控制模块更新、提供模块的不同版本的技术效果;通过在合并请求、加载模块时使用缓存机制,从而实现了减少请求数量,缩小返回文件,节约带宽的技术效果;由于减少了现有技术中模块ID与模块链接URL进行处理的代码,使得代码非常简洁,而且实现了对加载css文件的支持。
图6示出了可以应用本发明实施例的模块解析的方法或模块解析的装置的示例性系统架构600。
如图6所示,系统架构600可以包括终端设备601、602、603,网络604和服务器605(此架构仅仅是示例,具体架构中包含的组件可以根据申请具体情况调整)。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备601、602、603通过网络604与服务器605交互,以接收或发送消息等。终端设备601、602、603上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备601、602、603可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器605可以是提供各种服务的服务器,例如对用户利用终端设备601、602、603所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理,并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。
需要说明的是,本发明实施例所提供的模块解析的方法一般由服务器605执行,相应地,模块解析的装置一般设置于服务器605中。
应该理解,图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
本发明还提供了一种电子设备。
本发明实施例的电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明所提供的模块解析的方法。
下面参考图7,其示出了适于用来实现本发明实施例的电子设备的计算机系统700的结构示意图。图7示出的电子设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,计算机系统700包括中央处理单元(CPU)701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM703中,还存储有计算机系统700操作所需的各种程序和数据。CPU701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
以下部件连接至I/O接口705:包括键盘、鼠标等的输入部分706;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707;包括硬盘等的存储部分708;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器710上,以便从其上读出的计算机程序根据需要被安装入存储部分708。
特别地,根据本发明公开的实施例,上文的主要步骤图描述的过程可以被实现为计算机软件程序。例如,本发明实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行主要步骤图所示的方法的程序代码。在上述实施例中,该计算机程序可以通过通信部分709从网络上被下载和安装,和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元701执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。在本发明中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这根据所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括请求生成单元、发送单元和执行单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,请求生成单元还可以被描述为“向发送单元发送模块获取请求的单元”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中的。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该设备执行时,使得该设备执行的步骤包括:根据模块的ID与版本号生成模块链接,基于所述模块链接生成模块获取请求;发送所述模块获取请求;加载所述模块以获取所述模块的外部接口。
根据本发明实施例的技术方案,上述发明中的一个实施例具有如下优点或有益效果:在Web页面加载模块时,通过将模块ID与模块对应,解决了现有技术中模块合并复杂、模块解析难度较大的问题,从而简化模块合并过程,也无需使用专业的合并工具,同时降低模块解析难度,加快页面响应速度;通过将版本号与模块链接对应,解决了现有技术中模块更新复杂的问题,实现了利用版本号控制模块更新、提供模块的不同版本的技术效果;在合并请求、加载模块时使用缓存机制,从而减少请求数量,缩小返回文件,节约带宽;由于减少了现有技术中模块ID与模块链接URL进行处理的代码,使得代码非常简洁,而且实现了对加载css文件的支持。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (13)
1.一种模块解析的方法,用于通过在Web页面加载模块来开发Web页面,其特征在于,包括:
根据模块的ID与模块的版本号生成模块链接,基于所述模块链接生成模块获取请求;
发送所述模块获取请求;
加载所述模块以获取所述模块的外部接口;
所述加载所述模块以获取所述模块的外部接口,进一步包括:
步骤3:在加载所述模块后进入define方法;
步骤4:如果所述模块是初始模块,则配置回调函数,进入步骤5;否则,将所述模块放入模块序列,并更新缓存,将所述模块存储;
步骤5:如果回调的依赖已就绪,进入步骤9;否则加载缺少的模块,进入步骤6;
步骤6:如果所述模块已缓存,则定义该模块,进入步骤4;否则进入步骤7;
步骤7:如果所述模块已在模块序列中,则进入步骤5;否则进入步骤8;
步骤8:通过脚本加载缺失的模块,定义所述模块,进入步骤4;
步骤9:进入require方法;如果所述模块已经存在,判断所述模块的外部接口是否存在:若是,返回外部接口;否则,执行factory方法获得外部接口返回;如果所述模块不存在,报错;最终获得所有依赖模块的外部接口;
步骤10:执行入口文件中的回调函数,解析结束。
2.根据权利要求1所述的方法,其特征在于,所述模块包括待加载模块、及源于所述待加载模块的依赖模块。
3.根据权利要求1所述的方法,其特征在于,所述方法进一步包括:
将所述模块链接分成多组,其中每一组对应于一模块获取请求。
4.根据权利要求3所述的方法,其特征在于,所述方法进一步包括:
在将所述模块链接分成多组之后,如果判断缓存中存储与所述模块链接对应的模块,则将该模块链接去除。
5.根据权利要求3所述的方法,其特征在于,基于所述模块链接生成模块获取请求包括:
对于每一组模块链接,将该组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。
6.根据权利要求1所述的方法,其特征在于,所述方法进一步包括:
在加载所述模块之前,如果判断在缓存中存储了所述模块,则获取所述模块的外部接口。
7.根据权利要求1-6任一所述的方法,其特征在于,加载所述模块以获取所述模块的外部接口包括:
通过load方法加载所述模块,通过define方法定义加载的模块;
对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。
8.一种模块解析的装置,用于通过在Web页面加载模块来开发Web页面,其特征在于,包括:
请求生成单元,用于根据模块的ID与模块的版本号生成模块链接,基于根据所述模块链接生成模块获取请求;
发送单元,用于发送所述模块获取请求;
执行单元,用于加载所述模块以获取所述模块的外部接口;
执行单元进一步用于执行以下步骤:步骤3: 在加载所述模块后进入define方法;步骤4:如果所述模块是初始模块,则配置回调函数,进入步骤5;否则,将所述模块放入模块序列,并更新缓存,将所述模块存储;步骤5:如果回调的依赖已就绪,进入步骤9;否则加载缺少的模块,进入步骤6;步骤6:如果所述模块已缓存,则定义该模块,进入步骤4;否则进入步骤7;步骤7:如果所述模块已在模块序列中,则进入步骤5;否则进入步骤8;步骤8:通过脚本加载缺失的模块,定义所述模块,进入步骤4;步骤9:进入require方法;如果所述模块已经存在,判断所述模块的外部接口是否存在:若是,返回外部接口;否则,执行factory方法获得外部接口返回;如果所述模块不存在,报错;最终获得所有依赖模块的外部接口;步骤10:执行入口文件中的回调函数,解析结束。
9.根据权利要求8所述的装置,其特征在于,所述模块包括待加载模块、及源于所述待加载模块的依赖模块;以及
请求生成单元还用于:在根据模块的ID与版本号生成模块链接之后,将所述模块链接分成多组;并判断缓存中是否存储与所述模块链接对应的模块:若是,将该模块链接去除;其中,所述多组中的每一组对应于一模块获取请求。
10.根据权利要求9所述的装置,其特征在于,请求生成单元用于:对于每一组模块链接,将该组的模块链接合并为一链接,根据合并后的链接生成一模块获取请求。
11.根据权利要求8-10任一所述的装置,其特征在于,执行单元用于:通过load方法加载所述模块,通过define方法定义加载的模块;对定义完毕的模块执行require方法,判断模块的外部接口是否存在:若是,将所述外部接口返回;否则,执行factory方法获取模块的外部接口返回。
12.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710399282.0A CN108984189B (zh) | 2017-05-31 | 2017-05-31 | 模块解析的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710399282.0A CN108984189B (zh) | 2017-05-31 | 2017-05-31 | 模块解析的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108984189A CN108984189A (zh) | 2018-12-11 |
CN108984189B true CN108984189B (zh) | 2022-04-12 |
Family
ID=64502507
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710399282.0A Active CN108984189B (zh) | 2017-05-31 | 2017-05-31 | 模块解析的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108984189B (zh) |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9361085B2 (en) * | 2013-03-18 | 2016-06-07 | Cloudmask | Systems and methods for intercepting, processing, and protecting user data through web application pattern detection |
CN104980464B (zh) * | 2014-04-08 | 2019-07-23 | 北京奇虎科技有限公司 | 一种网络请求处理方法、网络服务器和网络系统 |
CN104283947A (zh) * | 2014-09-28 | 2015-01-14 | 深圳市中科无软件有限公司 | Java script动态合并服务器及其工作过程 |
-
2017
- 2017-05-31 CN CN201710399282.0A patent/CN108984189B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN108984189A (zh) | 2018-12-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110019350B (zh) | 基于配置信息的数据查询方法和装置 | |
CN107832045B (zh) | 跨编程语言接口转换的方法和装置 | |
CN109815107B (zh) | 自动化测试的方法和装置 | |
CN110851468A (zh) | 对客户端的测试请求做出模拟响应的方法和装置 | |
CN113010405A (zh) | 一种应用程序的测试方法和装置 | |
CN109218041B (zh) | 用于服务器系统的请求处理方法和装置 | |
CN111427899A (zh) | 存储文件的方法、装置、设备和计算机可读介质 | |
CN111680799A (zh) | 用于处理模型参数的方法和装置 | |
CN112947919A (zh) | 构建业务模型和处理业务请求的方法和装置 | |
CN111338944A (zh) | 远程过程调用rpc接口测试方法、装置、介质及设备 | |
CN110795328A (zh) | 一种接口测试方法和装置 | |
CN109002389B (zh) | 页面自动化测试的方法和装置 | |
CN113536748A (zh) | 一种生成图表数据的方法和装置 | |
CN111382953A (zh) | 一种动态流程生成方法和装置 | |
CN111414154A (zh) | 前端开发的方法、装置、电子设备和存储介质 | |
CN112947912A (zh) | 生成代码的方法、装置、电子设备和存储介质 | |
CN112149392A (zh) | 一种富文本编辑方法和装置 | |
CN113779122B (zh) | 导出数据的方法和装置 | |
CN108984189B (zh) | 模块解析的方法和装置 | |
CN112783903B (zh) | 生成更新日志的方法和装置 | |
CN110909269B (zh) | 一种日志上报的方法和装置 | |
CN113779018A (zh) | 一种数据处理方法和装置 | |
CN113760274A (zh) | 一种前端组件逻辑注入方法和装置 | |
CN110858240A (zh) | 一种前端模块加载方法和装置 | |
CN112860447A (zh) | 一种不同应用间的交互方法和系统 |
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 |