一种前端代码检测质量的方法技术

本发明专利技术公开了一种前端代码检测质量的方法，涉及Web应用技术领域，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。本发明专利技术基于统一规范进行开发，统一的编码风格有助于代码阅读，降低出错率；采用阻塞式开发，确保项目新功能的开发更加顺利，代码质量的可读性、可维护性和可扩展性得到提高，在提高代码质量的同时保证开发效率。

【技术实现步骤摘要】
一种前端代码检测质量的方法
本专利技术涉及Web应用
，具体地说是一种前端代码检测质量的方法。
技术介绍
随着互联网大数据的快速发展，也伴随着业务的增长和开发团队的成员快速增加，团队成员在编码的风格和习惯中也出现各异，在复盘时发现很多代码上的问题，久而久之代码出现了代码难以维护的问题，甚至还会出现低级错误。如何提高前端代码的质量成为不可忽视的问题：例如，完成一个网站界面的开发可能存在很多种方案，但是一部分方案的维护成本会相对而言比较高，而部分方案在后续使用中可能会出现性能问题，也有部分方案更容易被维护，拥有较高的性能。能影响这些差异的因素就是代码的质量，不同语言不同框架的特点是不同的，对代码质量的要求也不同。
技术实现思路
本专利技术的技术任务是针对以上不足之处，提供一种前端代码检测质量的方法，能够提高代码质量的可读性、可维护性和可扩展性，在提高代码质量的同时保证开发效率。本专利技术解决其技术问题所采用的技术方案是：一种前端代码检测质量的方法，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。本方法面向在线的、开发者的、拖拽式的Web应用开发，在编码质量和编码效率之间取得平衡，保证效率的同时提高代码的质量。统一风格的代码更容易被规范，能够尽可能的减少一个软件的维护成本，提高代码质量；引入Ts技术栈，Ts技术栈对于JS的改进主要是静态类型检查，静态类型检查有易于检测代码质量：静态类型检查可以做到earlyfail，编写的代码即使没有被执行到，一旦编写代码时发生类型不匹配，语言在编译阶段即可发现；静态类型有助于代码阅读，针对大型应用，方法众多，调用关系复杂，静态类型就是非常重要的提示和约束。通过该方法实现面向开发者的高校代码快速开发，代码质量可读性、可维护性和可扩展性得到提高，促进开发人员互相学习写出良好规范的代码，反馈项目，提升开发效率。优选的，所述代码风格遵循Vue风格。Vue是一套构建用户界面的渐进式框架，适用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用Vue能让基于网页的前端应用程序开发起来更加方便。优选的，在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form表单类，同一个表单使用的数据统一用一个对象包裹。进一步的，在created()中：获取数据抽象写成方法。优选的，所述获取数据抽象写成的方法写成私有方法，比如：this._getUserInfo()。优选的，所述阻塞式开发的过程为：1)、引入PR工作流；2)、开发新功能，新建分支开发；3)、新功能开发完成后提交PR；4)、由相关人员审核代码后，提交主分支。进一步的，每次PR操作发生时，通知相关者来检查待合并的代码，在检查过程中即完成对代码的检视。这个过程保障了master分支上的已合并代码的健壮性。优选的，每次PR操作都有一个PR详情主页，每个开发者都可以针对代码的实现提出自己的意见，使得讨论代码变的更加便捷高效，且为代码变更回顾提供了可能。本专利技术还要求保护一种前端代码检测质量的装置，其包括：至少一个存储器和至少一个处理器；所述至少一个存储器，用于存储机器可读程序；所述至少一个处理器，用于调用所述机器可读程序，执行权上述的方法。本专利技术还要求保护一种计算机可读介质，所述计算机可读介质上存储有计算机指令，所述计算机指令在被处理器执行时，使所述处理器执行上述的方法。本专利技术的一种前端代码检测质量的方法与现有技术相比，具有以下有益效果：该方法基于统一规范进行开发，统一的编码风格有助于代码阅读，降低出错率；采用阻塞式开发，确保项目新功能的开发更加顺利，代码质量的可读性、可维护性和可扩展性得到提高。附图说明图1是本专利技术一个实施例提供的阻塞式开发流程图。具体实施方式下面结合附图和具体实施例对本专利技术作进一步说明。针对
技术介绍
中所提的问题，目前有很多检测代码质量的工具，但是使用的便捷程度不高，在追求代码质量的同时却降低了效率，本方法在编码质量和编码效率之间取得平衡，面向在线的、开发者的、拖拽式的Web应用开发工具，在保证效率的同时提高代码的质量。本专利技术实施例提供一种前端代码检测质量的方法，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。本方法面向在线的、开发者的、拖拽式的Web应用开发，在编码质量和编码效率之间取得平衡，保证效率的同时提高代码的质量。该方法中，代码风格遵循Vue风格。统一风格的代码更容易被规范，能够尽可能的减少一个软件的维护成本，提高代码质量。Vue是一套构建用户界面的渐进式框架，适用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用Vue能让基于网页的前端应用程序开发起来更加方便。包括：1)、在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form表单类，同一个表单使用的数据统一用一个对象包裹。2)、在created()中：获取数据一定抽象写成方法，一般使用私有方法，比如：this._getUserInfo()。引入Ts技术栈。Ts技术栈对于JS的改进主要是静态类型检查，静态类型检查有易于检测代码质量。静态语言规定了变量和算式类型的语言，java/C++，而动态语言仅规定数据类型，如：JavaScript/Ruby/PHP；静态语言编译阶段即可发现类型不匹配的错误，类型信息有利于编译器做优化，且IDE自动补全/检查等，有文档作用。具体的：1)、静态类型检查可以做到earlyfail，编写的代码即使没有被执行到，一旦编写代码时发生类型不匹配，语言在编译阶段即可发现。2)、静态类型有助于代码阅读，针对大型应用，方法众多，调用关系复杂，静态类型就是非常重要的提示和约束。使用阻塞式开发，分布执行开发步骤，出现问题可以快速定位，其处理流程如图1所示。所述阻塞式开发的过程为：1)、引入PR工作流；PR操作给项目带来的益处有两点：codereview以及代码公共平台。前者是每次PR操作发生时会通知相关者来检查待合并的代码，在检查过程中即完成了对代码的检视，这个过程保障了master分支上的已合并代码的健壮性；后者则是因为每次PR都会有一个PR详情主页，每一个开发者都可以针对代码的实现提出自己的意见，使得讨论代码变成更加便捷高效，且为代码变更回顾提供了可能。功能分支工作流是git项目开发非常灵活使用的一种方式。2)、开发新功能，新建分支开发；3)、新功能开发完成后提交PR；本文档来自技高网...

【技术保护点】
1.一种前端代码检测质量的方法，其特征在于，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；/n通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。/n

【技术特征摘要】
1.一种前端代码检测质量的方法，其特征在于，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；
通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。


2.根据权利要求1所述的一种前端代码检测质量的方法，其特征在于，所述代码风格遵循Vue风格。


3.根据权利要求2所述的一种前端代码检测质量的方法，其特征在于，在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form表单类，同一个表单使用的数据统一用一个对象包裹。


4.根据权利要求2或3所述的一种前端代码检测质量的方法，其特征在于，在created()中：获取数据抽象写成方法。


5.根据权利要求4所述的一种实现医院诊断数据标准化的系统，其特征在于所述获取数据抽象写成的方法写成私有方法。


6.根据权利要求1或2所述的一种实现医院诊断数据标准化的系统，其特征在于，所述阻塞式开发的过程为：
1...

【专利技术属性】
技术研发人员：张胭然，陈兰强，
申请(专利权)人：山东健康医疗大数据有限公司，
类型：发明
国别省市：山东;37