[发明专利]一种前端代码检测质量的方法

说明书

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

技术领域

本发明涉及Web应用技术领域，具体地说是一种前端代码检测质量的方法。

背景技术

随着互联网大数据的快速发展，也伴随着业务的增长和开发团队的成员快速增加，团队成员在编码的风格和习惯中也出现各异，在复盘时发现很多代码上的问题，久而久之代码出现了代码难以维护的问题，甚至还会出现低级错误。如何提高前端代码的质量成为不可忽视的问题：例如，完成一个网站界面的开发可能存在很多种方案，但是一部分方案的维护成本会相对而言比较高，而部分方案在后续使用中可能会出现性能问题，也有部分方案更容易被维护，拥有较高的性能。能影响这些差异的因素就是代码的质量，不同语言不同框架的特点是不同的，对代码质量的要求也不同。

发明内容

本发明的技术任务是针对以上不足之处，提供一种前端代码检测质量的方法，能够提高代码质量的可读性、可维护性和可扩展性，在提高代码质量的同时保证开发效率。

本发明解决其技术问题所采用的技术方案是：

一种前端代码检测质量的方法，该方法统一代码风格，通过Ts技术栈，基于静态类型检查，进行代码质量的检测；

通过使用阻塞式开发，分步执行开发步骤，实现出现问题快速定位。

本方法面向在线的、开发者的、拖拽式的Web应用开发，在编码质量和编码效率之间取得平衡，保证效率的同时提高代码的质量。

统一风格的代码更容易被规范，能够尽可能的减少一个软件的维护成本，提高代码质量；

引入Ts技术栈，Ts技术栈对于JS的改进主要是静态类型检查，静态类型检查有易于检测代码质量：静态类型检查可以做到early fail，编写的代码即使没有被执行到，一旦编写代码时发生类型不匹配，语言在编译阶段即可发现；静态类型有助于代码阅读，针对大型应用，方法众多，调用关系复杂，静态类型就是非常重要的提示和约束。

通过该方法实现面向开发者的高校代码快速开发，代码质量可读性、可维护性和可扩展性得到提高，促进开发人员互相学习写出良好规范的代码，反馈项目，提升开发效率。

优选的，所述代码风格遵循Vue风格。

Vue是一套构建用户界面的渐进式框架，适用于搭建类似于网页版知乎这种表单项繁多，且内容需要根据用户的操作进行修改的网页版应用Vue能让基于网页的前端应用程序开发起来更加方便。

优选的，在data中：Boolean类型，用于控制元素的显示隐藏，统一用is开头；Form表单类，同一个表单使用的数据统一用一个对象包裹。

进一步的，在created()中：获取数据抽象写成方法。

优选的，所述获取数据抽象写成的方法写成私有方法，比如：this._getUserInfo()。

优选的，所述阻塞式开发的过程为：

1)、引入PR工作流；

2)、开发新功能，新建分支开发；

3)、新功能开发完成后提交PR；

4)、由相关人员审核代码后，提交主分支。