网页前端开发的性能优化方法及装置与流程

本发明涉及计算机技术领域，尤其涉及一种网页前端开发的性能优化方法及装置。

背景技术：

网页(worldwideweb，简称web)开发是随着互联网技术的不断发展而兴起的，并且，随着网页开发技术，即基于javascript的网页前端技术的逐步深入，网页不再只是承载单一的文字和图片的页面，还可以承载各种丰富生动的媒体信息。

目前，现有的基于javascript的网页前端开发技术是以多种结构的业务信息进行耦合，即将每个业务的数据及执行方式通过代码编写在一个代码段中，将多个代码段根据网页开发的配置框架方案合并在一起，形成一个网页。但是，当需要对业务内容进行更改时，需要技术人员更改所有业务信息中的参数及内容，另外，当业务内容更新过快、业务数量变更频繁时，大大增加了技术人员对网页的维护成本，导致网页开发的效率较低。

技术实现要素：

鉴于上述问题，提出了本发明以便提供一种网页前端开发的性能优化方法及装置，主要目的是解决当需要对业务内容进行更改时，需要更改业务组件中的所有业务信息，导致维护成本过大的问题。

借由上述技术方案，本发明提供的一种网页前端开发的性能优化方法，包括：

设置用于存储业务信息的配置文件；

获取网页前端开发涉及的业务信息；

将所述网页前端开发涉及的业务信息存储到所述配置文件中；

在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。

进一步地，所述方法还包括：

在网页前端开发程序的入口处定义全局静态常量，所述全局静态常量用于读取所述配置文件中的业务信息。

进一步地，所述方法还包括：

获取发生变更的业务信息所涉及的业务单元；

通过所述全局静态常量读取所述配置文件中更新后的业务信息，采用所述更新后的业务信息填充所述业务单元。

进一步地，所述方法还包括：

获取所述配置文件的存储路径；

对所述存储路径进行解析，得到所述配置文件的存储位置；

根据所述存储位置查找所述配置文件，并获取所述配置文件中的业务信息；

获取变更后的业务信息；

采用所述变更后的业务信息替代所述配置文件中的业务信息。

进一步地，所述业务信息包括：网页主题、网页名称、网页属性标识符和网页布局方式中的一种或者多种。

借由上述技术方案，本发明提供的一种网页前端开发的性能优化装置，包括：

设置单元，用于设置用于存储业务信息的配置文件；

第一获取单元，用于获取网页前端开发涉及的业务信息；

存储单元，用于将所述网页前端开发涉及的业务信息存储到所述配置文件中；

更新单元，用于在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。

进一步地，所述装置还包括：

定义单元，用于在网页前端开发程序的入口处定义全局静态常量，所述全局静态常量用于读取所述配置文件中的业务信息。

进一步地，所述装置还包括：

第二获取单元，用于获取发生变更的业务信息所涉及的业务单元；

读取单元，用于通过所述全局静态常量读取所述配置文件中更新后的业务信息，采用所述更新后的业务信息填充所述业务单元。

进一步地，所述更新单元包括：

第一获取模块，用于获取所述配置文件的存储路径；

解析模块，用于对所述存储路径进行解析，得到所述配置文件的存储位置；

查找模块，用于根据所述存储位置查找所述配置文件，并获取所述配置文件中的业务信息；

第二获取模块，用于获取变更后的业务信息；

替代模块，用于采用所述变更后的业务信息替代所述配置文件中的业务信息。

进一步地，所述业务信息包括：网页主题、网页名称、网页属性标识符和网页布局方式中的一种或者多种。

借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：

本发明实施例提供的一种网页前端开发的性能优化方法及装置，首先设置用于存储业务信息的配置文件，然后获取网页前端开发涉及的业务信息，再将所述网页前端开发涉及的业务信息存储到所述配置文件中，在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。与现有当需要对业务内容进行更改时，需要更改业务组件中的所有业务信息相比，本发明通过预先将业务信息存储在一个配置好的配置文件中，当检测到业务信息发生变化后，通过配置文件中的业务信息进行更新，实现业务与整体框架的分离，每个业务可以单独进行处理，在业务信息更新时，避免修改所有的业务信息，从而实现网页前端开发性能的优化。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了发明实施例提供的一种网页前端开发的性能优化方法的流程图；

图2示出了发明实施例提供的另一种网页前端开发的性能优化方法的流程图；

图3示出了发明实施例提供的一种网页前端开发的性能优化装置的方框图；

图4示出了发明实施例提供的另一种网页前端开发的性能优化装置的方框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明实施例提供一种网页前端开发的性能优化方法，如图1所示，所述方法包括：

101、设置用于存储业务信息的配置文件。

其中，所述业务信息为网页代码框架中的每个业务或项目，所述业务信息包括网页主题、网页名称、网页属性标识符和网页布局方式中的一种或者多种，本发明实施例不做具体限定，所述配置文件中可以存储有多个业务信息，以及不同业务信息对应的业务内容等，本发明实施例不做具体限定。

需要说明的是，配置的配置文件的格式可以为一种轻量级的数据交换格式，例如json格式，本发明实施例不做具体限制，

102、获取网页前端开发涉及的业务信息。

其中，所述网页前端开发是利用开发语言对网页进行编译开发的方法，所述网页前端开发涉及的业务信息为构建网页中各个项目的具体内容。

需要说明的是，在网页前端开发过程中，各个业务信息可以根据不同的网页框架进行组合，通过代码编译后得到开发后的网页。

103、将所述网页前端开发涉及的业务信息存储到所述配置文件中。

其中，所述网页前端开发涉及的业务信息可以为1个也可以为多个，本发明实施例不做具体限定，通过存储在配置文件中，以便通过修改配置文件中的业务信息实现对业务信息的更新，避免重写编写代码。

104、在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。

其中，所述业务信息的变更可以通过接收用户输入的变更信息，也可以根据预设时间间隔自动检测业务信息的变更信息，所述更新可以包括修改、增加、减少，本发明实施例不做具体限定，所述更新的方法可以为将配置文件中的业务信息替换为变更后的业务信息。

本发明实施例提供的一种网页前端开发的性能优化方法，与现有当需要对业务内容进行更改时，需要更改业务组件中的所有业务信息相比，本发明通过预先将业务信息存储在一个配置好的配置文件中，当检测到业务信息发生变化后，通过配置文件中的业务信息进行更新，实现业务与整体框架的分离，每个业务可以单独进行处理，在业务信息更新时，避免修改所有的业务信息，从而实现网页前端开发性能的优化。

本发明实施例提供一种网页前端开发的性能优化方法，如图2所示，所述方法包括：

201、在网页前端开发程序的入口处定义全局静态常量。

其中，所述全局静态常量用于读取所述配置文件中的业务信息，所述业务信息包括网页主题、网页名称、网页属性标识符和网页布局方式中的一种或者多种，本发明实施例不做具体限定，所述全局静态常量可以定义一个或多个，对于配置文件中的不同业务信息可以定义不同的全局静态常量，以便通过全局静态常量读取配置文件中的不同的业务信息。

需要说明的是，网页前端开发程序的入口处为网页前端开发编译代码时，编译程序的开端。

202、设置用于存储业务信息的配置文件。

本步骤与图1所述步骤101所述的方法相同，这里不再赘述。

203、获取网页前端开发涉及的业务信息。

本步骤与图1所述步骤102所述的方法相同，这里不再赘述。

204、将所述网页前端开发涉及的业务信息存储到所述配置文件中。

本步骤与图1所述步骤103所述的方法相同，这里不再赘述。

205、在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。

其中，所述更新的内容为配置文件中的存储有与网页前端开发涉及的业务信息，业务信息中需要配置更改的内容与业务接口信息对应，在配置文件中可以写明每个业务对应的配置内容，如主题、名称、页面标示符(pageid)、模板、布局方式，以及该页面包含哪些模块等，本发明不做具体限定。

对于本发明实施例，步骤205具体可以为：获取所述配置文件的存储路径；对所述存储路径进行解析，得到所述配置文件的存储位置；根据所述存储位置查找所述配置文件，并获取所述配置文件中的业务信息；获取变更后的业务信息；采用所述变更后的业务信息替代所述配置文件中的业务信息。

其中，所述存储路径为存储配置文件中的路径，可以通过存储路径找到存储有配置文件的存储位置，所述存储位置可以为当前设备的本地内容或缓存中，本发明实施例不做具体限定，所述变更后的业务信息可以通过接收用户输入的更新信息或为系统自动更新得到的，本发明实施例不做具体限定。

例如，获取到配置文件的存储路径为dddd，通过对路径的解析到配置文件存储在本地内存中，根据存储路径找到配置文件a，并获取到配置文件a中业务信息为网页主题为健康、网页名称为心脑血管症状，获取到变更的业务信息为网页主题为教育、网页名称为小学生心理教育的重要性，将网页主题为健康、网页名称为心脑血管症状的业务信息替换网页主题为教育、网页名称为小学生心理教育的重要性。

206、获取发生变更的业务信息所涉及的业务单元。

其中，所述业务单元为应用业务信息的网页项目模块，通过多个业务单元的组成可以得到一个完整的网页。通过获取发生变更的业务单元，以便通过更新后的业务信息对应的业务单元实现网页前端开发的性能优化。

207、通过所述全局静态常量读取所述配置文件中更新后的业务信息，采用所述更新后的业务信息填充所述业务单元。

对于本发明实施例，通过采用更新后的业务信息填充网页前端开发中的业务单元，避免了业务信息与代码框架因紧耦合而导致的权限策略繁琐、业务代码分布凌乱、缺乏支持业务信息变更的灵活性。

对于本发明实施例，具体的应用场景可以如下所示，但不限于此，包括：从网页开发前端的程序入口处定义全局静态常量a，设置一个json格式的配置文件，获取到网页前端开发涉及的业务信息为网页属性标识符为ss和网页布局方式为从左到右依次排布，通过获取的配置文件的存储路径查找到内存中存储的配置文件，更改后的业务信息为网页属性标识符为uu和网页布局方式为从上到下依次排布，将配置文件中的网页属性标识符为ss和网页布局方式为从左到右依次排布替换为网页属性标识符为uu和网页布局方式为从上到下依次排布，通过全局静态常量a读取配置文件中更新的网页属性标识符为uu和网页布局方式为从上到下依次排布，采用更新后的业务信息填充业务单元。

本发明实施例提供的另一种网页前端开发的性能优化方法，本发明通过定义全局静态常量，然后预先将业务信息存储在一个配置好的配置文件中，当检测到业务信息发生变化后，通过配置文件中的业务信息进行更新，通过全局静态常量将更新后的业务信息填充待业务单元中，实现网页前端开发项目的业务信息统一配置，降低维护成本，实现可扩展性和可移植性，从而实现网页前端开发性能的优化。

进一步地，作为图1所示方法的具体实现，本发明实施例提供一种网页前端开发的性能优化装置，如图3所示，所述装置可以包括：设置单元31、第一获取单元32、存储单元33、更新单元34。

设置单元31，用于设置用于存储业务信息的配置文件；设置单元31为网页前端开发的性能优化装置执行设置用于存储业务信息的配置文件的功能模块。

第一获取单元32，用于获取网页前端开发涉及的业务信息；第一获取单元32为网页前端开发的性能优化装置执行获取网页前端开发涉及的业务信息的功能模块。

存储单元33，用于将所述网页前端开发涉及的业务信息存储到所述配置文件中；存储单元33为网页前端开发的性能优化装置执行将所述网页前端开发涉及的业务信息存储到所述配置文件中的功能模块。

更新单元34，用于在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。更新单元34为网页前端开发的性能优化装置执行检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新的功能模块。

该装置实施例与前述方法实施例对应，为便于阅读，本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述，但应当明确，本实施例中的装置能够对应实现前述方法实施例中的全部内容。

本发明实施例提供的一种网页前端开发的性能优化装置，与现有当需要对业务内容进行更改时，需要更改业务组件中的所有业务信息相比，本发明通过预先将业务信息存储在一个配置好的配置文件中，当检测到业务信息发生变化后，通过配置文件中的业务信息进行更新，实现业务与整体框架的分离，每个业务可以单独进行处理，在业务信息更新时，避免修改所有的业务信息，从而实现网页前端开发性能的优化。

进一步地，作为图2所示方法的具体实现，本发明实施例提供另一种网页前端开发的性能优化装置，如图4所示，所述装置可以包括：设置单元41、第一获取单元42、存储单元43、更新单元44、定义单元45、第二获取单元46、读取单元47。

设置单元41，用于设置用于存储业务信息的配置文件；

第一获取单元42，用于获取网页前端开发涉及的业务信息；

存储单元43，用于将所述网页前端开发涉及的业务信息存储到所述配置文件中；

更新单元44，用于在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。

进一步地，所述装置还包括：

定义单元45，用于在网页前端开发程序的入口处定义全局静态常量，所述全局静态常量用于读取所述配置文件中的业务信息。定义单元45为网页前端开发的性能优化装置执行在网页前端开发程序的入口处定义全局静态常量，所述全局静态常量用于读取所述配置文件中的业务信息的功能模块。

进一步地，所述装置还包括：

第二获取单元46，用于获取发生变更的业务信息所涉及的业务单元；第二获取单元46为网页前端开发的性能优化装置执行获取发生变更的业务信息所涉及的业务单元的功能模块。

读取单元47，用于通过所述全局静态常量读取所述配置文件中更新后的业务信息，采用所述更新后的业务信息填充所述业务单元。读取单元47为通过所述全局静态常量读取所述配置文件中更新后的业务信息，采用所述更新后的业务信息填充所述业务单元的功能模块。

进一步地，为了通过更改配置文件中的业务信息，从而实现业务信息的变更，所述更新单元44包括：

第一获取模块4401，用于获取所述配置文件的存储路径；

解析模块4402，用于对所述存储路径进行解析，得到所述配置文件的存储位置；

查找模块4403，用于根据所述存储位置查找所述配置文件，并获取所述配置文件中的业务信息；

第二获取模块4404，用于获取变更后的业务信息；

替代模块4405，用于采用所述变更后的业务信息替代所述配置文件中的业务信息。

本发明实施例提供的另一种网页前端开发的性能优化装置，本发明通过定义全局静态常量，然后预先将业务信息存储在一个配置好的配置文件中，当检测到业务信息发生变化后，通过配置文件中的业务信息进行更新，通过全局静态常量将更新后的业务信息填充待业务单元中，实现网页前端开发项目的业务信息统一配置，降低维护成本，实现可扩展性和可移植性，从而实现网页前端开发性能的优化。

所述网页前端开发的性能优化装置包括处理器和存储器，上述设置单元、第一获取单元、存储单元和更新单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来解决当需要对业务内容进行更改时，需要更改业务组件中的所有业务信息，导致维护成本过大的问题。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：设置用于存储业务信息的配置文件；获取网页前端开发涉及的业务信息；将所述网页前端开发涉及的业务信息存储到所述配置文件中；在检测到业务信息发生变更后，根据变更后的业务信息对所述配置文件中的业务信息进行更新。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。