CN114185797A - 前端代码检查方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本发明涉及人工智能，揭露了一种前端代码检查方法，包括：获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件，接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果，利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果，汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。此外，本发明还涉及区块链技术，所述前端检查结果可存储在区块链的节点中。本发明还提出一种前端代码检查方法装置、电子设备以及计算机可读存储介质。本发明可以解决代码检查准确率较低的问题。

Description

前端代码检查方法、装置、电子设备及可读存储介质

技术领域

本发明涉及人工智能技术领域，尤其涉及一种前端代码检查方法、装置、电子设备及计算机可读存储介质。

背景技术

随着科技的发展，在项目开发时，经常会存在不同团队开发不同子项目。为了统一团队的代码规范，除了一纸规范说明之外，经常需要引入工具进行限制。例如，对于js脚本使用eslint进行一系列规范性检查。但是这种检查方法只能进行js的编码规范和语法错误静态检查，不同团队还需要定制额外的业务和团队机制特性的约束规则，来规范和约束更多的特性，现有方法无法进行规则配置来进行代码检查，只能人工检查不同团队的项目代码，使得代码检查效率及准确率较低。

发明内容

本发明提供一种前端代码检查方法、装置、设备及存储介质，其主要目的在于解决代码检查准确率较低的问题。

为实现上述目的，本发明提供的一种前端代码检查方法，包括：

获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果；

利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

可选地，所述根据所述代码检查规则构建代码检查插件，包括：

创建代码检查项目，根据所述代码检查项目生成代码配置文件；

在所述代码配置文件的根目录中创建配置规则文件；

将所述代码检查规则及预设的报错规则添加至所述配置规则文件中，执行配置完成的所述代码检查项目，得到所述代码检查插件。

可选地，所述利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果，包括：

解析出所述前端项目的html文件；

对所述html文件进行语法树解析，得到所述前端项目的项目语法树；

利用预设的解析方法解析出所述项目语法树中各节点的项目属性；

判断所述项目属性是否和预设的测试属性一致；

若所述项目属性和所述测试属性不一致，则确定所述属性检查结果为属性检测通过；

若所述项目属性和所述测试属性一致，则确定所述属性检查结果为属性检测不通过。

可选地，所述对所述html文件进行语法树解析，得到所述前端项目的项目语法树，包括：

遍历出所述html文件中的代码，并将遍历到的代码合并成代码标识组；

利用预设的语法解析器将所述代码标识组中的标识转化成树状结构，得到所述项目语法树。

可选地，所述利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，包括：

利用所述代码检查插件解析出所述项目语法树中的循环语句；

判断所述循环语句中的标识是否被使用到预设的关键词中；

若所述循环语句中的标识未被使用到预设的关键词中，则所述法检查结果为语法检测通过；

若所述循环语句中的标识被使用到预设的关键词中，则所述法检查结果为语法检测不通过。

可选地，所述利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果，包括：

解析所述前端项目的根组件，判断所述根组件中的代码行数是否大于预设的最大行数；

若所述根组件中的代码行数大于预设的最大行数，则确定所述规范检查结果为规范检测不通过；

若所述根组件中的代码行数不大于预设的最大行数，对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果。

可选地，所述对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果，包括：

判断所述前端项目中所有代码是否满足预设的语法规范；

若所述前端项目中存在代码不满足所述语法规范，则确定所述规范检查结果为规范检测不通过；

若所述前端项目中存在代码满足所述语法规范，则判断所述前端项目中所有代码中是否存在预设的全局变量；

若所述前端项目的所有代码中存在所述全局变量，则确定所述规范检查结果为规范检测不通过；

若所述前端项目的所有代码中不存在所述全局变量，则确定所述规范检查结果为规范检测通过。

为了解决上述问题，本发明还提供一种前端代码检查装置，所述装置包括：

代码检查插件构建模块，用于获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

属性检查模块，用于接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

语句检查及规范检查模块，用于利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

结果汇总模块，用于汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

为了解决上述问题，本发明还提供一种电子设备，所述电子设备包括：

存储器，存储至少一个计算机程序；及

处理器，执行所述存储器中存储的计算机程序以实现上述所述的前端代码检查方法。

为了解决上述问题，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一个计算机程序，所述至少一个计算机程序被电子设备中的处理器执行以实现上述所述的前端代码检查方法。

本发明通过预构建的代码检查规则构建代码检查插件，可以针对不同项目、不同团队构建不同的代码检查插件，提高了代码检查规则的可配置化。通过代码检查插件对前端项目进行属性检查、语句检查结果及规范检查结果，不止可以进行语法错误静态检查，还可以规范不同项目、不同团队的开发代码，并且无需人工进行检查，提高了代码检查的效率及准确率。因此本发明提出的前端代码检查方法、装置、电子设备及计算机可读存储介质，可以解决代码检查准确率较低的问题。

附图说明

图1为本发明一实施例提供的前端代码检查方法的流程示意图；

图2为本发明一实施例提供的前端代码检查装置的功能模块图；

图3为本发明一实施例提供的实现所述前端代码检查方法的电子设备的结构示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本申请实施例提供一种前端代码检查方法。所述前端代码检查方法的执行主体包括但不限于服务端、终端等能够被配置为执行本申请实施例提供的该方法的电子设备中的至少一种。换言之，所述前端代码检查方法可以由安装在终端设备或服务端设备的软件或硬件来执行，所述软件可以是区块链平台。所述服务端包括但不限于：单台服务器、服务器集群、云端服务器或云端服务器集群等。所述服务器可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(ContentDelivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。

参照图1所示，为本发明一实施例提供的前端代码检查方法的流程示意图。在本实施例中，所述前端代码检查方法包括：

S1、获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件。

本发明实施例中，所述预构建的代码检查规则是指用户预先设置的需要检查的规则或内容，包括：1、对测试链接进行生产环境检查；2、对v-for语法是否使用index作为key进行检查；3、vue文件(sfc)超过600(可设置)进行提示；4、if下逻辑需携带花括号包裹；5、obj.a.b.c深度的取值检查容错提醒；6、jquery不建议使用；7、flash不允许使用；8、百度地图不允许使用；9、所有`else if`语句后面必须有`else`语句；10、数组方法find、findIndex不要使用；11、使用switch case必须有default；12、map、filters类方法必须有return；13、建议不能直接使用外部链接；14、使用switch case必须有break、continue或return结束。

具体地，所述根据所述代码检查规则构建代码检查插件，包括：

创建代码检查项目，根据所述代码检查项目生成代码配置文件；

在所述代码配置文件的根目录中创建配置规则文件；

将所述代码检查规则及预设的报错规则添加至所述配置规则文件中，执行配置完成的所述代码检查项目，得到所述代码检查插件。

本发明实施例中，可以使用ESLint代码格式工具，ESLint是一个完全插件化的JS代码检测工具，使用Esprima来对代码进行javascript解析，使用AST语法树来修改代码模式，其中，通过ESLint构建的每个规则都是一个检查插件，可以通过用户输入的规则来构建可配置化的代码检查插件，提高了代码检查的灵活性。

本发明一可选实施例中，所述预设的报错规则可以包括警告级别的报错：warn(不会导致程序退出)及错误级别的报错：error(当被触发的时候，程序会退出)。

S2、接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果。

本发明实施例中，所述前端项目是指通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互的项目，例如，XXapp开发项目、XX公司官网开发项目、XX产品页面开发项目、XX小程序开发项目等。

详细地，所述利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果，包括：

解析出所述前端项目的html文件；

对所述html文件进行语法树解析，得到所述前端项目的项目语法树；

利用预设的解析方法解析出所述项目语法树中各节点的项目属性；

判断所述项目属性是否和预设的测试属性一致；

若所述项目属性和所述测试属性不一致，则确定所述属性检查结果为属性检测通过；

若所述项目属性和所述测试属性一致，则确定所述属性检查结果为属性检测不通过。

本发明实施例中，所述预设的解析方法可以为vue-template-compiler方法。所述属性检查可以用来检验规则1：对测试链接进行生产环境检查，例如，对A项目的html文件，使用vue-template-compiler解析后，对A项目中的链接属性进行检查，若与配置的测试正则属性符合，则出报错，对于属性赋值、页面跳转window.location.href后也进行语法解析后获取链接进行比对后，得到检测结果。

本发明另一可选实施例中，所述解析出所述前端项目的html文件之后，所述方法还包括：

判断所述html文件中是否存在外部链接；

若所述html文件中不存在外部链接，则确定所述属性检查结果为属性检测通过；

若所述html文件中存在外部链接，则确定所述属性检查结果为属性检测不通过。

本发明实施例中，通过检查html文件中是否存在外部链接，可以检验规则13：建议不能直接使用外部链接。

具体地，所述对所述html文件进行语法树解析，得到所述前端项目的项目语法树，包括：

遍历出所述html文件中的代码，并将遍历到的代码合并成代码标识组；

利用预设的语法解析器将所述代码标识组中的标识转化成树状结构，得到所述项目语法树。

本发明实施例中，所述项目语法树可以为抽象语法树(Abstract Syntax Tree，AST)，遍历出所述html文件中的代码合并成一个个的标识tokens，同时，它会移除空白符、注释等，然后整个代码将被分割进一个tokens列表(一堆数组)，利用babel解析器将所述tokens列表中分析出来的数组转换成树形的形式，同时会验证语法是否错误。

S3、利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果。

本发明实施例中，所述语句检查包括循环语句检查及标识检查。

详细地，所述利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，包括：

利用所述代码检查插件解析出所述项目语法树中的循环语句；

判断所述循环语句中的标识是否被使用到预设的关键词中；

若所述循环语句中的标识未被使用到预设的关键词中，则所述法检查结果为语法检测通过；

若所述循环语句中的标识被使用到预设的关键词中，则所述法检查结果为语法检测不通过。

本发明实施例中，所述语句检查可以用来检验规则2：对v-for语法是否使用index作为key进行检查，例如，通过使用vue-template-compiler解析后得到v-for循环语句，并判断v-for循环语句中的标识index是否被使用到预设key中，如有使用，则提示错误，通过对前端项目进行循环语句检查及标识检查，可以提高vue中for循环的效率。

S4、利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果。

本发明实施例中，所述规范检查包括行数规范检查、语法规范检查及变量规范检查。

详细地，所述利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果，包括：

解析所述前端项目的根组件，判断所述根组件中的代码行数是否大于预设的最大行数；

若所述根组件中的代码行数大于预设的最大行数，则确定所述规范检查结果为规范检测不通过；

若所述根组件中的代码行数不大于预设的最大行数，对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果。

本发明一可选实施例中，通过行数规范检查可以检验规则3，所述根组件可以为.vue文件，例如，利用语法解析Program:exit后，检查.vue文件的行数是否超过设定值若超过，则提示开发者应该合理拆分组件，合理封装，从而提高前端项目的高内聚性及低耦合性。

具体地，所述对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果，包括：

判断所述前端项目中所有代码是否满足预设的语法规范；

若所述前端项目中存在代码不满足所述语法规范，则确定所述规范检查结果为规范检测不通过；

若所述前端项目中存在代码满足所述语法规范，则判断所述前端项目中所有代码中是否存在预设的全局变量；

若所述前端项目的所有代码中存在所述全局变量，则确定所述规范检查结果为规范检测不通过；

若所述前端项目的所有代码中不存在所述全局变量，则确定所述规范检查结果为规范检测通过。

本发明实施例中，通过语法规范检查，可以校验规则4：if下逻辑需携带花括号包裹；9：所有`else if`语句后面必须有`else`语句；10：数组方法find、findIndex不要使用；11：使用switch case必须有default；12：map、filters类方法必须有return；14：使用switch case必须有break、continue或return结束。通过变量规范检查，可以检验规则6：jquery不建议使用；7：flash不允许使用；8：百度地图不允许使用，通过检查全局变量是否被使用，来避免不符合要求的工具被使用。

S5、汇总所述属性检查结果、所述语句检查结果及所述规范检查结果得到前端检查结果。

本发明另一可选实施例中，所述汇总所述属性检查结果、所述语句检查结果及所述规范检查结果得到前端检查结果之前，所述方法还包括：在任一检测不通过时，根据所述报错规则进行报错。

本发明实施例中，通过ESLint来构建代码检查插件，可以规范不同开发项目的代码标准，从而防止开发者将测试环境配置部署到生产中去，防止对不符合团队要求所使用的工具类库进行使用带来的不合规的程序，防止开发者不良好的编码习惯或不符合团队编码的规范带来的项目的维护难、扩展难和不可预知的隐患问题的产生。从而，通过多个检查规则，提高开发者的编码意识，提高项目上线运行质量，达到大大减少线上问题的能力。

本发明通过预构建的代码检查规则构建代码检查插件，可以针对不同项目、不同团队构建不同的代码检查插件，提高了代码检查规则的可配置化。通过代码检查插件对前端项目进行属性检查、语句检查结果及规范检查结果，不止可以进行语法错误静态检查，还可以规范不同项目、不同团队的开发代码，并且无需人工进行检查，提高了代码检查的效率及准确率。因此本发明提出的前端代码检查方法，可以解决代码检查准确率较低的问题。

如图2所示，是本发明一实施例提供的前端代码检查装置的功能模块图。

本发明所述前端代码检查装置100可以安装于电子设备中。根据实现的功能，所述前端代码检查装置100可以包括代码检查插件构建模块101、属性检查模块102、语句检查及规范检查模块103及结果汇总模块104。本发明所述模块也可以称之为单元，是指一种能够被电子设备处理器所执行，并且能够完成固定功能的一系列计算机程序段，其存储在电子设备的存储器中。

在本实施例中，关于各模块/单元的功能如下：

所述代码检查插件构建模块101，用于获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

所述属性检查模块102，用于接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

所述语句检查及规范检查模块103，用于利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

所述结果汇总模块104，用于汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

详细地，所述前端代码检查装置100各模块的具体实施方式如下：

步骤一、获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件。

本发明实施例中，所述预构建的代码检查规则是指用户预先设置的需要检查的规则或内容，包括：1、对测试链接进行生产环境检查；2、对v-for语法是否使用index作为key进行检查；3、vue文件(sfc)超过600(可设置)进行提示；4、if下逻辑需携带花括号包裹；5、obj.a.b.c深度的取值检查容错提醒；6、jquery不建议使用；7、flash不允许使用；8、百度地图不允许使用；9、所有`else if`语句后面必须有`else`语句；10、数组方法find、findIndex不要使用；11、使用switch case必须有default；12、map、filters类方法必须有return；13、建议不能直接使用外部链接；14、使用switch case必须有break、continue或return结束。

具体地，所述根据所述代码检查规则构建代码检查插件，包括：

创建代码检查项目，根据所述代码检查项目生成代码配置文件；

在所述代码配置文件的根目录中创建配置规则文件；

将所述代码检查规则及预设的报错规则添加至所述配置规则文件中，执行配置完成的所述代码检查项目，得到所述代码检查插件。

本发明实施例中，可以使用ESLint代码格式工具，ESLint是一个完全插件化的JS代码检测工具，使用Esprima来对代码进行javascript解析，使用AST语法树来修改代码模式，其中，通过ESLint构建的每个规则都是一个检查插件，可以通过用户输入的规则来构建可配置化的代码检查插件，提高了代码检查的灵活性。

本发明一可选实施例中，所述预设的报错规则可以包括警告级别的报错：warn(不会导致程序退出)及错误级别的报错：error(当被触发的时候，程序会退出)。

步骤二、接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果。

本发明实施例中，所述前端项目是指通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互的项目，例如，XXapp开发项目、XX公司官网开发项目、XX产品页面开发项目、XX小程序开发项目等。

详细地，所述利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果，包括：

解析出所述前端项目的html文件；

对所述html文件进行语法树解析，得到所述前端项目的项目语法树；

利用预设的解析方法解析出所述项目语法树中各节点的项目属性；

判断所述项目属性是否和预设的测试属性一致；

若所述项目属性和所述测试属性不一致，则确定所述属性检查结果为属性检测通过；

若所述项目属性和所述测试属性一致，则确定所述属性检查结果为属性检测不通过。

本发明实施例中，所述预设的解析方法可以为vue-template-compiler方法。所述属性检查可以用来检验规则1：对测试链接进行生产环境检查，例如，对A项目的html文件，使用vue-template-compiler解析后，对A项目中的链接属性进行检查，若与配置的测试正则属性符合，则出报错，对于属性赋值、页面跳转window.location.href后也进行语法解析后获取链接进行比对后，得到检测结果。

本发明另一可选实施例中，所述解析出所述前端项目的html文件之后，所述方法还包括：

判断所述html文件中是否存在外部链接；

若所述html文件中不存在外部链接，则确定所述属性检查结果为属性检测通过；

若所述html文件中存在外部链接，则确定所述属性检查结果为属性检测不通过。

本发明实施例中，通过检查html文件中是否存在外部链接，可以检验规则13：建议不能直接使用外部链接。

具体地，所述对所述html文件进行语法树解析，得到所述前端项目的项目语法树，包括：

遍历出所述html文件中的代码，并将遍历到的代码合并成代码标识组；

利用预设的语法解析器将所述代码标识组中的标识转化成树状结构，得到所述项目语法树。

本发明实施例中，所述项目语法树可以为抽象语法树(Abstract Syntax Tree，AST)，遍历出所述html文件中的代码合并成一个个的标识tokens，同时，它会移除空白符、注释等，然后整个代码将被分割进一个tokens列表(一堆数组)，利用babel解析器将所述tokens列表中分析出来的数组转换成树形的形式，同时会验证语法是否错误。

步骤三、利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果。

本发明实施例中，所述语句检查包括循环语句检查及标识检查。

详细地，所述利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，包括：

利用所述代码检查插件解析出所述项目语法树中的循环语句；

判断所述循环语句中的标识是否被使用到预设的关键词中；

若所述循环语句中的标识未被使用到预设的关键词中，则所述法检查结果为语法检测通过；

若所述循环语句中的标识被使用到预设的关键词中，则所述法检查结果为语法检测不通过。

本发明实施例中，所述语句检查可以用来检验规则2：对v-for语法是否使用index作为key进行检查，例如，通过使用vue-template-compiler解析后得到v-for循环语句，并判断v-for循环语句中的标识index是否被使用到预设key中，如有使用，则提示错误，通过对前端项目进行循环语句检查及标识检查，可以提高vue中for循环的效率。

步骤四、利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果。

本发明实施例中，所述规范检查包括行数规范检查、语法规范检查及变量规范检查。

详细地，所述利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果，包括：

解析所述前端项目的根组件，判断所述根组件中的代码行数是否大于预设的最大行数；

若所述根组件中的代码行数大于预设的最大行数，则确定所述规范检查结果为规范检测不通过；

若所述根组件中的代码行数不大于预设的最大行数，对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果。

本发明一可选实施例中，通过行数规范检查可以检验规则3，所述根组件可以为.vue文件，例如，利用语法解析Program:exit后，检查.vue文件的行数是否超过设定值若超过，则提示开发者应该合理拆分组件，合理封装，从而提高前端项目的高内聚性及低耦合性。

具体地，所述对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果，包括：

判断所述前端项目中所有代码是否满足预设的语法规范；

若所述前端项目中存在代码不满足所述语法规范，则确定所述规范检查结果为规范检测不通过；

若所述前端项目中存在代码满足所述语法规范，则判断所述前端项目中所有代码中是否存在预设的全局变量；

若所述前端项目的所有代码中存在所述全局变量，则确定所述规范检查结果为规范检测不通过；

若所述前端项目的所有代码中不存在所述全局变量，则确定所述规范检查结果为规范检测通过。

本发明实施例中，通过语法规范检查，可以校验规则4：if下逻辑需携带花括号包裹；9：所有`else if`语句后面必须有`else`语句；10：数组方法find、findIndex不要使用；11：使用switch case必须有default；12：map、filters类方法必须有return；14：使用switch case必须有break、continue或return结束。通过变量规范检查，可以检验规则6：jquery不建议使用；7：flash不允许使用；8：百度地图不允许使用，通过检查全局变量是否被使用，来避免不符合要求的工具被使用。

步骤五、汇总所述属性检查结果、所述语句检查结果及所述规范检查结果得到前端检查结果。

本发明另一可选实施例中，所述汇总所述属性检查结果、所述语句检查结果及所述规范检查结果得到前端检查结果之前，所述方法还包括：在任一检测不通过时，根据所述报错规则进行报错。

本发明实施例中，通过ESLint来构建代码检查插件，可以规范不同开发项目的代码标准，从而防止开发者将测试环境配置部署到生产中去，防止对不符合团队要求所使用的工具类库进行使用带来的不合规的程序，防止开发者不良好的编码习惯或不符合团队编码的规范带来的项目的维护难、扩展难和不可预知的隐患问题的产生。从而，通过多个检查规则，提高开发者的编码意识，提高项目上线运行质量，达到大大减少线上问题的能力。

本发明通过预构建的代码检查规则构建代码检查插件，可以针对不同项目、不同团队构建不同的代码检查插件，提高了代码检查规则的可配置化。通过代码检查插件对前端项目进行属性检查、语句检查结果及规范检查结果，不止可以进行语法错误静态检查，还可以规范不同项目、不同团队的开发代码，并且无需人工进行检查，提高了代码检查的效率及准确率。因此本发明提出的前端代码检查装置，可以解决代码检查准确率较低的问题。

如图3所示，是本发明一实施例提供的实现前端代码检查方法的电子设备的结构示意图。

所述电子设备可以包括处理器10、存储器11、通信接口12和总线13，还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序，如前端代码检查程序。

其中，所述存储器11至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如：SD或DX存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元，例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备，例如电子设备上配备的插接式移动硬盘、智能存储卡(Smart Media Card，SMC)、安全数字(SecureDigital，SD)卡、闪存卡(Flash Card)等。进一步地，所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的应用软件及各类数据，例如前端代码检查程序的代码等，还可以用于暂时地存储已经输出或者将要输出的数据。

所述处理器10在一些实施例中可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器(Central Processing unit，CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(Control Unit)，利用各种接口和线路连接整个电子设备的各个部件，通过运行或执行存储在所述存储器11内的程序或者模块(例如前端代码检查程序等)，以及调用存储在所述存储器11内的数据，以执行电子设备的各种功能和处理数据。

所述通信接口12用于上述电子设备与其他设备之间的通信，包括网络接口和用户接口。可选地，所述网络接口可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。所述用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。

所述总线13可以是外设部件互连标准(peripheral component interconnect，简称PCI)总线或扩展工业标准结构(extended industry standard architecture，简称EISA)总线等。该总线13可以分为地址总线、数据总线、控制总线等。所述总线13被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。

图3仅示出了具有部件的电子设备，本领域技术人员可以理解的是，图3示出的结构并不构成对所述电子设备的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。

例如，尽管未示出，所述电子设备还可以包括给各个部件供电的电源(比如电池)，优选地，电源可以通过电源管理装置与所述至少一个处理器10逻辑相连，从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、Wi-Fi模块等，在此不再赘述。

进一步地，所述电子设备还可以包括网络接口，可选地，所述网络接口可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等)，通常用于在该电子设备与其他电子设备之间建立通信连接。

可选地，该电子设备还可以包括用户接口，用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard))，可选地，用户接口还可以是标准的有线接口、无线接口。可选地，在一些实施例中，显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。其中，显示器也可以适当的称为显示屏或显示单元，用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。

应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。

所述电子设备中的所述存储器11存储的前端代码检查程序是多个指令的组合，在所述处理器10中运行时，可以实现：

获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果；

利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

具体地，所述处理器10对上述指令的具体实现方法可参考附图对应实施例中相关步骤的描述，在此不赘述。

进一步地，所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。所述计算机可读存储介质可以是易失性的，也可以是非易失性的。例如，所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)。

本发明还提供一种计算机可读存储介质，所述可读存储介质存储有计算机程序，所述计算机程序在被电子设备的处理器所执行时，可以实现：

获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果；

利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

在本发明所提供的几个实施例中，应该理解到，所揭露的设备，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。

对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。

因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。

本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(Artificial Intelligence，AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。

人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。

本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称，而并不表示任何特定的顺序。

最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (10)

1.一种前端代码检查方法，其特征在于，所述方法包括：

获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果；

利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

2.如权利要求1所述的前端代码检查方法，其特征在于，所述根据所述代码检查规则构建代码检查插件，包括：

创建代码检查项目，根据所述代码检查项目生成代码配置文件；

在所述代码配置文件的根目录中创建配置规则文件；

将所述代码检查规则及预设的报错规则添加至所述配置规则文件中，执行配置完成的所述代码检查项目，得到所述代码检查插件。

3.如权利要求2中所述的前端代码检查方法，其特征在于，所述利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果，包括：

解析出所述前端项目的html文件；

对所述html文件进行语法树解析，得到所述前端项目的项目语法树；

利用预设的解析方法解析出所述项目语法树中各节点的项目属性；

判断所述项目属性是否和预设的测试属性一致；

若所述项目属性和所述测试属性不一致，则确定所述属性检查结果为属性检测通过；

若所述项目属性和所述测试属性一致，则确定所述属性检查结果为属性检测不通过。

4.如权利要求3所述的前端代码检查方法，其特征在于，所述对所述html文件进行语法树解析，得到所述前端项目的项目语法树，包括：

遍历出所述html文件中的代码，并将遍历到的代码合并成代码标识组；

利用预设的语法解析器将所述代码标识组中的标识转化成树状结构，得到所述项目语法树。

5.如权利要求3所述的前端代码检查方法，其特征在于，所述利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，包括：

利用所述代码检查插件解析出所述项目语法树中的循环语句；

判断所述循环语句中的标识是否被使用到预设的关键词中；

若所述循环语句中的标识未被使用到预设的关键词中，则所述法检查结果为语法检测通过；

若所述循环语句中的标识被使用到预设的关键词中，则所述法检查结果为语法检测不通过。

6.如权利要求1所述的前端代码检查方法，其特征在于，所述利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果，包括：

解析所述前端项目的根组件，判断所述根组件中的代码行数是否大于预设的最大行数；

若所述根组件中的代码行数大于预设的最大行数，则确定所述规范检查结果为规范检测不通过；

若所述根组件中的代码行数不大于预设的最大行数，对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果。

7.如权利要求6所述的前端代码检查方法，其特征在于，所述对所述前端项目中所有代码进行语法规范检查及变量规范检查，得到规范检查结果，包括：

判断所述前端项目中所有代码是否满足预设的语法规范；

若所述前端项目中存在代码不满足所述语法规范，则确定所述规范检查结果为规范检测不通过；

若所述前端项目中存在代码满足所述语法规范，则判断所述前端项目中所有代码中是否存在预设的全局变量；

若所述前端项目的所有代码中存在所述全局变量，则确定所述规范检查结果为规范检测不通过；

若所述前端项目的所有代码中不存在所述全局变量，则确定所述规范检查结果为规范检测通过。

8.一种前端代码检查装置，其特征在于，所述装置包括：

代码检查插件构建模块，用于获取预构建的代码检查规则，根据所述代码检查规则构建代码检查插件；

属性检查模块，用于接收前端项目，利用所述代码检查插件对所述前端项目进行属性检查，得到属性检查结果；

语句检查及规范检查模块，用于利用所述代码检查插件对所述前端项目进行语句检查，得到语句检查结果，利用所述代码检查插件对所述前端项目进行规范检查，得到规范检查结果；

结果汇总模块，用于汇总所述属性检查结果、所述语法检查结果及所述规范检查结果得到前端检查结果。

9.一种电子设备，其特征在于，所述电子设备包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至7中任意一项所述的前端代码检查方法。

10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7中任意一项所述的前端代码检查方法。

Images