(19)中华人民共和国国家知识产权局
(12)发明专利申请
(10)申请公布号 (43)申请公布日 (21)申请号 202010835304.5
(22)申请日 2020.08.19
(71)申请人 山东健康医疗大数据有限公司
地址 250117 山东省济南市槐荫区烟台路
顺安路交叉西元大厦东座215房间
(72)发明人 张胭然　陈兰强　
(74)专利代理机构 济南信达专利事务所有限公
司 37100
代理人 陈婷婷
(51)Int.Cl.
G06F  11/36(2006.01)
(54)发明名称
一种前端代码检测质量的方法
(57)摘要
本发明公开了一种前端代码检测质量的方
法，涉及Web应用技术领域，该方法统一代码风
格，通过Ts技术栈，基于静态类型检查，进行代码
质量的检测；通过使用阻塞式开发，分步执行开
发步骤，实现出现问题快速定位。本发明基于统
一规范进行开发，统一的编码风格有助于代码阅
读，降低出错率；采用阻塞式开发，确保项目新功
能的开发更加顺利，代码质量的可读性、可维护
性和可扩展性得到提高，在提高代码质量的同时
保证开发效率。权利要求书1页  说明书4页  附图1页CN 111930632 A 2020.11.13
C N  111930632
A
1.一种前端代码检测质量的方法，其特征在于，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；
通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。
2.根据权利要求1所述的一种前端代码检测质量的方法，其特征在于，所述代码风格遵循Vue风格。
3.根据权利要求2所述的一种前端代码检测质量的方法，其特征在于，在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form表单类，同一个表单使用的数据统一用一个对象包裹。
4.根据权利要求2或3所述的一种前端代码检测质量的方法，其特征在于，在created()中：获取数据抽象写成方法。
5.根据权利要求4所述的一种实现医院诊断数据标准化的系统，其特征在于所述获取数据抽象写成的方法写成私有方法。
6.根据权利要求1或2所述的一种实现医院诊断数据标准化的系统，其特征在于，所述阻塞式开发的过程为：
1)、引入PR工作流；
2)、开发新功能，新建分支开发；
3)、新功能开发完成后提交PR；
4)、由相关人员审核代码后，提交主分支。
7.根据权利要求6任一所述的一种实现医院诊断数据标准化的系统，其特征在于，每次PR操作发生时，通知相关者来检查待合并的代码，在检查过程中完成对代码的检视。
8.根据权利要求6任一所述的一种实现医院诊断数据标准化的系统，其特征在于，每次PR操作都有一个PR详情主页，每个开发者都可以针对代码的实现提出自己的意见。
9.一种前端代码检测质量的装置，其特征在于，包括：至少一个存储器和至少一个处理器；
所述至少一个存储器，用于存储机器可读程序；
所述至少一个处理器，用于调用所述机器可读程序，执行权利要求1至8任一所述的方法。
10.计算机可读介质，其特征在于，所述计算机可读介质上存储有计算机指令，所述计算机指令在被处理器执行时，使所述处理器执行权利要求1至8任一所述的方法。
权　利　要　求　书1/1页CN 111930632 A
一种前端代码检测质量的方法
技术领域
[0001]本发明涉及Web应用技术领域，具体地说是一种前端代码检测质量的方法。
背景技术
[0002]随着互联网大数据的快速发展，也伴随着业务的增长和开发团队的成员快速增加，团队成员在编码的风格和习惯中也出现各异，在复盘时发现很多代码上的问题，久而久之代码出现了代码难以维护的问题，甚至还会出现低级错误。如何提高前端代码的质量成为不可忽视的问题：例如，完成一个网站界面的开发可能存在很多种方案，但是一部分方案的维护成本会相对而言比较高，而部分方案在后续使用中可能会出现性能问题，也有部分方案更容易被维护，拥有较高的性能。能影响这些差异的因素就是代码的质量，不同语言不同框架的特点是不同的，对代码质量的要求也不同。
发明内容
[0003]本发明的技术任务是针对以上不足之处，提供一种前端代码检测质量的方法，能够提高代码质量的可读性、可维护性和可扩展性，在提高代码质量的同时保证开发效率。[0004]本发明解决其技术问题所采用的技术方案是：
[0005]一种前端代码检测质量的方法，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行
代码质量的检测；
[0006]通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。
[0007]本方法面向在线的、开发者的、拖拽式的Web应用开发，在编码质量和编码效率之间取得平衡，保证效率的同时提高代码的质量。
[0008]统一风格的代码更容易被规范，能够尽可能的减少一个软件的维护成本，提高代码质量；
[0009]引入Ts技术栈，Ts技术栈对于JS的改进主要是静态类型检查，静态类型检查有易于检测代码质量：静态类型检查可以做到early fail，编写的代码即使没有被执行到，一旦编写代码时发生类型不匹配，语言在编译阶段即可发现；静态类型有助于代码阅读，针对大型应用，方法众多，调用关系复杂，静态类型就是非常重要的提示和约束。
[0010]通过该方法实现面向开发者的高校代码快速开发，代码质量可读性、可维护性和可扩展性得到提高，促进开发人员互相学习写出良好规范的代码，反馈项目，提升开发效率。
[0011]优选的，所述代码风格遵循Vue风格。
[0012]Vue是一套构建用户界面的渐进式框架，适用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用Vue能让基于网页的前端应用程序开发起来更加方便。
[0013]优选的，在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form 表单类，同一个表单使用的数据统一用一个对象包裹。
[0014]进一步的，在created()中：获取数据抽象写成方法。
[0015]优选的，所述获取数据抽象写成的方法写成私有方法，比如：this._getUserInfo ()。
[0016]优选的，所述阻塞式开发的过程为：
[0017]1)、引入PR工作流；
[0018]2)、开发新功能，新建分支开发；
[0019]3)、新功能开发完成后提交PR；
[0020]4)、由相关人员审核代码后，提交主分支。
[0021]进一步的，每次PR操作发生时，通知相关者来检查待合并的代码，在检查过程中即完成对代码的检视。这个过程保障了master分支上的已合并代码的健壮性。
[0022]优选的，每次PR操作都有一个PR详情主页，每个开发者都可以针对代码的实现提出自己的意见，
使得讨论代码变的更加便捷高效，且为代码变更回顾提供了可能。[0023]本发明还要求保护一种前端代码检测质量的装置，其包括：至少一个存储器和至少一个处理器；
[0024]所述至少一个存储器，用于存储机器可读程序；
[0025]所述至少一个处理器，用于调用所述机器可读程序，执行权上述的方法。[0026]本发明还要求保护一种计算机可读介质，所述计算机可读介质上存储有计算机指令，所述计算机指令在被处理器执行时，使所述处理器执行上述的方法。
[0027]本发明的一种前端代码检测质量的方法与现有技术相比，具有以下有益效果：[0028]该方法基于统一规范进行开发，统一的编码风格有助于代码阅读，降低出错率；[0029]采用阻塞式开发，确保项目新功能的开发更加顺利，代码质量的可读性、可维护性和可扩展性得到提高。
附图说明
[0030]图1是本发明一个实施例提供的阻塞式开发流程图。
具体实施方式
[0031]下面结合附图和具体实施例对本发明作进一步说明。
[0032]针对背景技术中所提的问题，目前有很多检测代码质量的工具，但是使用的便捷程度不高，在追求代码质量的同时却降低了效率，本方法在编码质量和编码效率之间取得平衡，面向在线的、开发者的、拖拽式的Web应用开发工具，在保证效率的同时提高代码的质量。
[0033]本发明实施例提供一种前端代码检测质量的方法，该方法统一代码风格，通过Ts 技术栈，基于静态类型检查，进行代码质量的检测；
[0034]通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。
[0035]本方法面向在线的、开发者的、拖拽式的Web应用开发，在编码质量和编码效率之间取得平衡，保证效率的同时提高代码的质量。
[0036]该方法中，代码风格遵循Vue风格。统一风格的代码更容易被规范，能够尽可能的减少一个软件的维护成本，提高代码质量。
[0037]Vue是一套构建用户界面的渐进式框架，适用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用Vue能让基于网页的前端应用程序开发起来更加方便。
[0038]包括：
web前端开发技术第三版pdf
[0039]1)、在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form表单类，同一个表单使用的数据统一用一个对象包裹。
[0040]2)、在created()中：获取数据一定抽象写成方法，一般使用私有方法，比如：this._getUserInfo()。
[0041]引入Ts技术栈。Ts技术栈对于JS的改进主要是静态类型检查，静态类型检查有易于检测代码质量。
[0042]静态语言规定了变量和算式类型的语言，java/C++，而动态语言仅规定数据类型，如：JavaScript/Ruby/PHP；
[0043]静态语言编译阶段即可发现类型不匹配的错误，类型信息有利于编译器做优化，且IDE自动补全/检查等，有文档作用。
[0044]具体的：
[0045]1)、静态类型检查可以做到early fail，编写的代码即使没有被执行到，一旦编写代码时发生类型不匹配，语言在编译阶段即可发现。
[0046]2)、静态类型有助于代码阅读，针对大型应用，方法众多，调用关系复杂，静态类型就是非常重要的提示和约束。
[0047]使用阻塞式开发，分布执行开发步骤，出现问题可以快速定位，其处理流程如图1所示。
[0048]所述阻塞式开发的过程为：
[0049]1)、引入PR工作流；
[0050]PR操作给项目带来的益处有两点：code review以及代码公共平台。前者是每次PR 操作发生时会通知相关者来检查待合并的代码，在检查过程中即完成了对代码的检视，这个过程保障了master分支上的已合并代码的健壮性；后者则是因为每次PR都会有一个PR详情主页，每一个开发者都可以针对代码的实现提出自己的意见，使得讨论代码变成更加便捷高效，且为代码变更回顾提供了可能。
[0051]功能分支工作流是git项目开发非常灵活使用的一种方式。
[0052]2)、开发新功能，新建分支开发；
[0053]3)、新功能开发完成后提交PR；
[0054]4)、由相关人员审核代码后，提交主分支。
[0055]通过该方法实现面向开发者的高校代码快速开发，代码质量可读性、可维护性和可扩展性得到提高，促进开发人员互相学习写出良好规范的代码，反馈项目，提升开发效率。
[0056]本发明实施例还提供一种前端代码检测质量的装置，包括：至少一个存储器和至少一个处理器；
[0057]所述至少一个存储器，用于存储机器可读程序；
[0058]所述至少一个处理器，用于调用所述机器可读程序，执行本发明上述实施例中所

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。