监测平台代码及性能分析

# 代码风格<br /> - 命名规范(变量,方法,路由,组件与页面)<br /> <br /> ::: tip<br /> ## 问题-变量<br /> <br /> ### 变量命名规则不一, 有纯小写,纯大写,大驼峰,小驼峰,下划线,需要统一格式<br /> ### 单个组件中(data中)变量过多,很多的变量是非必要的<br /> ### 组件与页面命名混乱,建议组件用大驼峰/中划线,页面使用小驼峰/纯小写,但是要保持一致<br /> ## 问题-注释<br /> ### 代码注释过少,很多都没有注释<br /> ### 注释风格不一,建议采用java代码注释规范<br /> <br /> ``` 单行注释 // <br /> <br /> ``` 方法注释<br /> /**<br /> * @name: 方法名<br /> * @param 参数 参数说明<br /> * @description: 方法说明<br /> * @return: 返回值<br /> */<br /> ```<br /> <br /> ``` 模块注释<br /> /**<br /> * @Name: 模块名<br /> * @Descripttion: 模块说明<br /> * @Author: gaohan<br /> * @Date: 2024/4/12 10:30<br /> * @LastEditors: gaohan<br /> * @LastEditTime: 2024/4/12<br /> */<br /> ```<br /> <br /> ## 问题-页面与组件<br /> ### 组件位置不一,建议放到components文件夹,或者views下具体页面文件夹下的components/modules下<br /> ### 页面位置不一,页面应全部放到views文件夹下<br /> ## 问题-路由 <br /> ### 路由导入格式不一,建议采用按需导入<br /> ()=>import() // 推荐<br /> import from // 不推荐<br /> ### 路由命名不统一,建议使用全小写<br /> ### 一级路由与下级路由的区分需明确<br /> :::<br /> <br /> # 页面性能<br /> ::: tip<br /> - ### 冗余代码<br /> 需要删除多余的代码,保持代码纯洁度<br /> - ### 第三方库<br /> 三方库引入需要重新设计方案,比如多个项目都使用到了 ueditor <br /> - ### 引用时机<br /> main.js文件依赖过重,需要整理分析依赖,是否必须 在这里引用<br /> - ### 代码执行时机<br /> 1. 基础数据构建,业务代码分离,权限分离<br /> 2. ?? 多个计时器的使用<br /> - ### 图标<br /> 图片与图标要做区分,不建议全部在本地项目中引用,cdn/阿里图标<br /> - ### 接口优化<br /> 部分接口响应过慢<br /> 接口文档完善,明确请求参数与响应字段的具体含义<br /> :::<br /> <br /> ::: tip<br /> ## 细节<br /> ### 公共组件库的搭建 <br /> ### 减少计时器的使用<br /> ### 减少watch的使用<br /> ### 减少多余变量的使用<br /> ### 接口地址以具体文件的模式记录,方便更改<br /> <br /> ### 内容区与操作区的调整<br /> ### 操作次数的优化<br /> :::<br /> <br /> ::: tip<br /> ### 公共组件库的搭建<br /> ### 公共插件库的搭建 <br /> :::<br /> <br /> <br /> ::: warning<br /> 文件夹划分<br /> <br /> :::<br /> <br /> <br /> <br /> <br />