太阳城集团

  • / 9
  • 下载费用:30 金币  

一种实现前端代码自动优化的方法及系统.pdf

关 键 词:
一种 实现 前端 代码 自动 优化 方法 系统
  专利查询网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
摘要
申请专利号:

CN201510573611.X

申请日:

2015.09.09

公开号:

太阳城集团CN105224314A

公开日:

2016.01.06

当前法律状态:

授权

有效性:

有权

法律详情: 授权|||实质审查的生效IPC(主分类):G06F 9/44申请日:20150909|||公开
IPC分类号: G06F9/44; G06F9/445 主分类号: G06F9/44
申请人: 北京思特奇太阳城集团技术股份有限公司
发明人: 汪国庆
地址: 100086 北京市海淀区中关村南大街6号中电太阳城集团大厦16层
优先权:
专利代理机构: 北京轻创知识产权代理有限公司 11212 代理人: 杨立
PDF完整版下载: PDF下载
法律状态
申请(专利)号:

CN201510573611.X

授权太阳城集团号:

||||||

法律状态太阳城集团日:

太阳城集团2018.07.17|||2016.02.03|||2016.01.06

法律状态类型:

太阳城集团授权|||实质审查的生效|||公开

摘要

本发明涉及一种实现前端代码自动优化的方法及系统,包括服务器端将待处理的资源文件和demo文件进行特定扫描;所述资源文件分别进行优化处理;所述图片资源分别进行压缩优化重命名等操作,并逐一对应替换css和js、html文件中所有的引用;所述css、js资源进行按需、按顺序合并压缩,并逐一替换html文件中所有的引用;所述冗余资源文件进行自动清除;所述html文件中资源引用自动优化加载顺序;最终生成压缩包进行版本管理;本发明大大提高了前端代码质量,实现资源统一自动优化,促进版本的统一管理,大大提高了开发效率以及大大降低了和后端开发人员的对接复杂度。

权利要求书

权利要求书
1.  一种实现前端代码自动优化的方法,其特征在于,具体包括以下步骤:
步骤1:获取一个包含多种资源文件的资源文件包;
步骤2:对所述资源文件包中的所有资源文件进行自动扫描,提取其中被使用的资源文件,将被使用的资源文件按照不同类别分别记录成不同数组;
步骤3:分别对不同类别的数组进行同类型优化并重命名,获得优化文件;
步骤4:对优化文件进行多种测试,并输出测试结果报告,根据测试结果报告生成资源优化方案;
步骤5:移除资源文件包中冗余资源,调用资源优化方案生成映射表,并将处理后的资源文件包进行压缩生成资源压缩包;
步骤6:将资源压缩包与版本管理工具对接,实现通过映射表进行版本管理。

2.  根据权利要求1所述的一种实现前端代码自动优化的方法,其特征在于,所述步骤1中的资源文件包中包括css、js、html和image类型的资源文件,并且所述多种资源文件之间具备特定的目录层级结构。

3.  根据权利要求1所述的一种实现前端代码自动优化的方法,其特征在于,所述步骤3具体包括以下步骤:
步骤3.1:判断是否是对应图片资源的数组,如果是,执行步骤3.2;否则,执行步骤3.3;
步骤3.2:对所述数组进行同类型优化并重命名;替换css、js、html中对所述图片的引用;
步骤3.3:扫描html文件所关联的css、js文件,并按顺序和所需进行合并压缩,替换html文件中对css、js文件的引用;并调整css和js的载入顺序,得到优化文件。

4.  根据权利要求1-3任一项所述的一种实现前端代码自动优化的方法,其特征在于,所述优化文件包括html文件、css文件和js文件。

5.  根据权利要求4所述的一种实现前端代码自动优化的方法,其特征在于,所述步骤4中的测试包括规范测试、性能测试和安全检测。

6.  根据权利要求4所述的一种实现前端代码自动优化的方法,其特征在于,所述步骤5中生成的映射表包括缓存映射表和资源映射表。

7.  一种实现前端代码自动优化的系统,其特征在于,包括获取模块、扫描模块、优化模块、测试模块、压缩模块和对接模块;
所述获取模块用于获取一个包含多种资源文件的资源文件包;
所述扫描模块用于对所述资源文件包中的所有资源文件进行自动扫描,提取其中被使用的资源文件,将被使用的资源文件按照不同类别分别记录成不同数组;
所述优化模块用于分别对不同类别的数组进行同类型优化并重命名,获得优化文件;
所述测试模块用于对优化文件进行多种测试,并输出测试结果报告,根据测试结果报告生成资源优化方案;
所述压缩模块用于移除资源文件包中冗余资源,调用资源优化方案生成映射表,并将处理后的资源文件包进行压缩生成资源压缩包;
所述对接模块用于将资源压缩包与版本管理工具对接,实现通过映射表进行版本管理。

8.  根据权利要求7所述的一种实现前端代码自动优化的系统,其特征在于,所述获取模块中的资源文件包中包括css、js、html和image类型的资 源文件,并且所述多种资源文件之间具备特定的目录层级结构。

9.  根据权利要求7所述的一种实现前端代码自动优化的系统,其特征在于,所述优化模块包括判断模块、重命名模块和扫描替换模块;
所述判断模块用于判断是否是对应图片资源的数组,如果是,触发重命名模块;否则,触发扫描替换模块;
所述重命名模块用于对所述数组进行同类型优化并重命名;替换css、js、html中对所述图片的引用;
所述扫描替换模块扫描html文件所关联的css、js文件,并按顺序和所需进行合并压缩,替换html文件中对css、js文件的引用;并调整css和js的载入顺序,得到优化文件。

10.  根据权利要求7-9任一项所述的一种实现前端代码自动优化的系统,其特征在于,所述优化文件包html文件、css文件和js文件。

说明书

说明书一种实现前端代码自动优化的方法及系统
技术领域
本发明涉及一种实现前端代码自动优化的方法及系统,属于计算机领域。
背景技术
现有技术中,Web前端代码开发过程中通常采用手工方式进行资源文件优化,手动进行版本管理。上述操作方法有如下缺点:1、代码优化结果不一定统一,2、重复手动操作频繁,容易出错,3、html代码内容重复替换工作量大,效率低,4、版本管理缺失。
发明内容
本发明所要解决的技术问题是,针对现有技术和流程的不足,提供一种可以提高前端代码质量的实现前端代码自动优化的方法及系统。
本发明解决上述技术问题的技术方案如下:一种实现前端代码自动优化的方法,具体包括以下步骤:
步骤1:获取一个包含多种资源文件的资源文件包;
步骤2:对所述资源文件包中的所有资源文件进行自动扫描,提取其中被使用的资源文件,将被使用的资源文件按照不同类别分别记录成不同数组;
步骤3:分别对不同类别的数组进行同类型优化并重命名,获得优化文件;
步骤4:对优化文件进行多种测试,并输出测试结果报告,根据测试结 果报告生成资源优化方案;
步骤5:移除资源文件包中冗余资源,调用资源优化方案生成映射表,并将处理后的资源文件包进行压缩生成资源压缩包;
步骤6:将资源压缩包与版本管理工具对接,实现通过映射表进行版本管理。
本发明的有益效果是:本发明大大提高了前端代码质量,实现资源统一自动优化,促进版本的统一管理,大大提高了开发效率以及大大降低了和后端开发人员的对接复杂度。
在上述技术方案的基础上,本发明还可以做如下改进。
进一步,所述步骤1中的资源文件包中包括css、js、html和image等类型的资源文件,并且所述多种资源文件之间具备特定的目录层级结构。
进一步,所述步骤3具体包括以下步骤:
步骤3.1:判断是否是对应图片资源的数组,如果是,执行步骤3.2;否则,执行步骤3.3;
步骤3.2:对所述数组进行同类型优化并重命名;替换css、js、html中对所述图片的引用;
步骤3.3:扫描html文件所关联的css、js文件,并按顺序和所需进行合并压缩,替换html文件中对css、js文件的引用;并调整css和js的载入顺序,得到优化文件。
进一步,所述优化文件包html文件、css文件和js文件。
进一步,所述步骤4中的测试包括规范测试、性能测试和安全检测等。
进一步,所述步骤5中生成的映射表包括缓存映射表和资源映射表等。
本发明解决上述技术问题的技术方案如下:一种实现前端代码自动优化的系统,包括获取模块、扫描模块、优化模块、测试模块、压缩模块和对接模块;
所述获取模块用于获取一个包含多种资源文件的资源文件包;
所述扫描模块用于对所述资源文件包中的所有资源文件进行自动扫描,提取其中被使用的资源文件,将被使用的资源文件按照不同类别分别记录成不同数组;
所述优化模块用于分别对不同类别的数组进行同类型优化并重命名,获得优化文件;
所述测试模块用于对优化文件进行多种测试,并输出测试结果报告,根据测试结果报告生成资源优化方案;
所述压缩模块用于移除资源文件包中冗余资源,调用资源优化方案生成映射表,并将处理后的资源文件包进行压缩生成资源压缩包;
所述对接模块用于将资源压缩包与版本管理工具对接,实现通过映射表进行版本管理。
本发明的有益效果是:本发明大大提高了前端代码质量,实现资源统一自动优化,促进版本的统一管理,大大提高了开发效率以及大大降低了和后端开发人员的对接复杂度。
在上述技术方案的基础上,本发明还可以做如下改进。
进一步,所述获取模块中的资源文件包中包括css、js、html和image等类型的资源文件,并且所述多种资源文件之间具备特定的目录层级结构。
进一步,所述优化模块包括判断模块、重命名模块和扫描替换模块;
所述判断模块用于判断是否是对应图片资源的数组,如果是,触发重命名模块;否则,触发扫描替换模块;
所述重命名模块用于对所述数组进行同类型优化并重命名;替换css、js、html中对所述图片的引用;
所述扫描替换模块扫描html文件所关联的css、js文件,并按顺序和所需进行合并压缩,替换html文件中对css、js文件的引用;并调整css 和js的载入顺序,得到优化文件。
进一步,所述优化文件包html文件、css文件和js文件。
进一步,所述测试模块中的测试包括规范测试、性能测试和安全检测等。
进一步,所述压缩模块中生成的映射表包括缓存映射表和资源映射表等。
本发明包括服务器端将待处理的资源文件和demo文件进行特定扫描;所述资源文件分别进行优化处理;所述图片资源分别进行压缩优化重命名等操作,并逐一对应替换css和js、html文件中所有的引用;所述css、js资源进行按需、按顺序合并压缩,并逐一替换html文件中所有的引用;所述冗余资源文件进行自动清除;所述html文件中资源引用自动优化加载顺序;最终生成压缩包进行版本管理。
附图说明
图1为本发明实施例所述的一种实现前端代码自动优化的方法流程图;
图2为本发明实施例所述的一种实现前端代码自动优化的系统结构框图。
附图中,各标号所代表的部件列表如下:
1、获取模块,2、扫描模块,3、优化模块,4、测试模块,5、压缩模块,6、对接模块,31、判断模块,32、重命名模块,33、扫描替换模块。
具体实施方式
以下结合附图对本发明的原理和特征进行描述,所举实例只用于解释本发明,并非用于限定本发明的范围。
如图1所示,为本发明实施例所述的一种实现前端代码自动优化的方法,具体包括以下步骤:
步骤1:获取一个包含多种资源文件的资源文件包;
步骤2:对所述资源文件包中的所有资源文件进行自动扫描,提取其中被使用的资源文件,将被使用的资源文件按照不同类别分别记录成不同数组;
步骤3:判断是否是对应图片资源的数组,如果是,执行步骤4;否则,执行步骤5;
步骤4:对所述数组进行同类型优化并重命名;替换css、js、html中对所述图片的引用;
步骤5:扫描html文件所关联的css、js文件,并按顺序和所需进行合并压缩,替换html文件中对css、js文件的引用;并调整css和js的载入顺序,得到优化文件;
步骤6:对优化文件进行多种测试,并输出测试结果报告,根据测试结果报告生成资源优化方案;
步骤7:移除资源文件包中冗余资源,调用资源优化方案生成映射表,并将处理后的资源文件包进行压缩生成资源压缩包;
步骤8:将资源压缩包与版本管理工具对接,实现通过映射表进行版本管理。
进一步,所述步骤1中的资源文件包中包括css、js、html和image等类型的资源文件,并且所述多种资源文件之间具备特定的目录层级结构。
所述优化文件包html文件、css文件和js文件。
所述步骤6中的测试包括规范测试、性能测试和安全检测等。
所述步骤7中生成的映射表包括缓存映射表和资源映射表等。
如图2所示,为本发明实施例所述的一种实现前端代码自动优化的系统,包括获取模块1、扫描模块2、优化模块3、测试模块4、压缩模块5和对接模块6;
所述获取模块1用于获取一个包含多种资源文件的资源文件包;
所述扫描模块2用于对所述资源文件包中的所有资源文件进行自动扫描,提取其中被使用的资源文件,将被使用的资源文件按照不同类别分别记录成不同数组;
所述优化模块3用于分别对不同类别的数组进行同类型优化并重命名,获得优化文件;
所述测试模块4用于对优化文件进行多种测试,并输出测试结果报告,根据测试结果报告生成资源优化方案;
所述压缩模块5用于移除资源文件包中冗余资源,调用资源优化方案生成映射表,并将处理后的资源文件包进行压缩生成资源压缩包;
所述对接模块6用于将资源压缩包与版本管理工具对接,实现通过映射表进行版本管理。
所述获取模块1中的资源文件包中包括css、js、html和image等类型的资源文件,并且所述多种资源文件之间具备特定的目录层级结构。
所述优化模块3包括判断模块31、重命名模块32和扫描替换模块33;
所述判断模块31用于判断是否是对应图片资源的数组,如果是,触发重命名模块32;否则,触发扫描替换模块33;
所述重命名模块32用于对所述数组进行同类型优化并重命名;替换css、js、html中对所述图片的引用;
所述扫描替换模块33扫描html文件所关联的css、js文件,并按顺序和所需进行合并压缩,替换html文件中对css、js文件的引用;并调整css和js的载入顺序,得到优化文件。
所述优化文件包html文件、css文件和js文件。
所述测试模块4中的测试包括规范测试、性能测试和安全检测等。
所述压缩模块5中生成的映射表包括缓存映射表和资源映射表等。
太阳城集团以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

太阳城集团本文
本文标题:一种实现前端代码自动优化的方法及系统.pdf
链接地址:http://zh228.com/p-6397774.html
太阳城集团我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - - 联系我们

copyright@ 2017-2018 zhuanlichaxun.net网站版权所有
经营许可证编号:粤ICP备17046363号-1 
 


收起
展开
葡京赌场|welcome document.write ('');