# 快结款 PC 管理后台
# 2021-04-09
- 记录者:朝润
- 代码审评者:静文,遗森,朝润
- 代码编写者:国宇
# 建议意见
-
key
不用index
-
vue
中属性书写顺序,components
->props
->data
->computed
->watch
-> 生命周期 ->methods
- 组件标签使用时用小写
-
props
的默认值属性名为default
,而非value
。必传的属性无须设置default
-
props
和data
全部要备注 -
props
只有类型时不需要用对象声明 -
data
中无数据时可删掉 -
colums
单词拼写错误 -
methods
中类似list
这种方法名改成“动词 + 名词”的形式 - 每个方法前换行
-
api
中只有一个实例的class
可以直接写成对象 -
axios
可封装get
/post
等方法,统一使用方式 -
jsdoc
注释对齐 -
route.meta
对象一定存在,后面不需要问号 - 没有对错误进行额外处理时不需要
catch
又throw
- 一条语句的代码放
template
中 - 常量中单词之间用下划线分隔
- 变量用驼峰,不用下划线
-
(new Date()).getTime()
改成Date.now()
-
import api
的地方统一用小写 -
v
这种名字改掉 - 清空图表改用
changeData
方法
# 2021-03-25
- 记录者:朝润
- 代码审评者:静文,遗森,朝润
- 代码编写者:国宇
# 建议意见
- 常量要用下划线分隔
-
onDeleteEmpty
参数名 -
localStorage
中基本数据类型不需要JSON.stringify
-
error.response.data.error.message
太多点 -
webpackChunkName
值改成小写 -
*
重定向的配置写在home.js
外 -
actions
没必要 - 登录页面层级过多
- i 标签自闭合
- 属性的顺序,无冒号 -> 指令 -> 有冒号 -> 事件
- 用
scoped
后不用写没必要的选择器嵌套 - html,js 和 css 写在同一个 vue 文件中
- 登录校验规则过于简单
-
vue-particles
的引入方式,局部注册更好 -
home
组件应叫layout
- 类名命名用小写 + 横线
- 类名 p24 w200 等要改掉
- 组件标签使用时用小写 + 横线
- 组件注册不需要自己写成小写
-
localStorage
中userInfo
的获取应该统一 -
visible
要具体一些 -
data
/props
/methods
等地方所有值都要写备注 -
menu
中props
要加类型和注释 -
parseNum
过滤器可以处理没有值的情况 -
moment
的引入没必要 -
statistics/index.js
等文件中,e 这种变量名要改 - JS 变量命名,用驼峰,不要下划线
-
year*num
什么意思,备注一下 -
tabKeys
/key
不要用数字 - 对象属性统一换行
- 方法不要用名次
- 不必要的三目运算符改成
||
- 标签换行时缩进不对
-
methods
换行 -
waitingForReview
119 行pagination
无需浅拷贝 - 单行
return
可放在前一句语句前 - 颜色用 6 位大写
- 没用的已注释代码删掉
- 简单的
switch
语句优化成映射的方式 - 模板中不必要的箭头函数改成普通函数调用
- 箭头函数中的
e
可换成$event
-
order-detail
组件moment.diff
后面的参数改成new Date()
会更好 -
order-detail
组件 76 和 82 行的map
改成forEach
-
order-detail
组件 89 行catch
又throw
没必要 - 转换后端字段时用
$
+ 驼峰
# 2021-03-19
- 记录者:朝润
- 代码审评者:静文,朝润
- 代码编写者:国宇
# 建议意见
- 常量文件夹不要放在
common
文件夹中 - localstorage 文件不需要封装
-
deleteEmpty
是否每次请求都有必要 - 请求拦截中
Object.assign
赋值和返回不需要分两行 - 是否需要统一显示接口报错信息
- 重写
router
对象push
方法处要加备注 -
router
变量的定义没必要,可直接传参 - 路由跳转统一使用
path
- 路由 404 页面配置
-
case
后的逻辑一样时可合并 -
routerTo
的导出应该由更好的方式 - 登录失败的提示不应该时成功的样式
# 2021-03-12
- 记录者:朝润
- 代码审评者:静文,朝润
- 代码编写者:国宇
# 建议意见
-
import
语句放最顶部 - 尽量减少 dom 的嵌套
-
style
和template
标签之间添加空行 - 判断空对象的方式
- 注释位置导致的换行问题
- 应该在
axios
拦截器中设置token
-
localStorage
暂时没有设置过期时间的需求 - 路由
push
忽略警告的代码去掉 -
routes
数组的concat
多余 - 判断路由不存在时跳转回首页改设置
- 路由的
path
不能有大写字母 - 页面跳转尽量使用
path
而不是name
- 没有
token
和token
失效时通过事件通知来跳转到登录页 - 路由的
webpackChunkName
不能设为同一个名字 - 引入路径用别名,不用相对路径
- 路由引入不用定义变量
-
meta
中没有值的参数删掉 - 路由中
component
为空组件时需要写注释 - 图片放
images
目录中 - 公共
scss
文件放common/css
中 -
_publicStyle
文件名不规范 -
filters.js
中不必要的定义变量 -
filters.js
中不应该引入vue
- 嵌套的
if
语句合并 -
class
中不要定义不必要的实例属性 -
local-storage.js
类改成导出函数 -
models
文件夹不要放在common
文件夹中 -
axios
路径中参数的传参方式统一用对象 -
style
标签添加scoped
属性 -
css
属性的顺序 - 文件命名,
bj.jpg
->bg.jpg
# 2021-03-05
- 记录者:朝润
- 代码审评者:静文,朝润
- 代码编写者:国宇
# 建议意见
- gzip 的配置
- 别名必须以 @ 开头
- alias vue$ (旧版的webapck引入方式不支持es6模块化,现在已删除)
- eslint 配置同步和修改
- eslint 配置重复
- .editorconfig
- index.html 需要加 seo
- noscript 提示
- 图片轮播没用到
- 有些库不需要全局加载
- 引入的东西要写备注
- 去除无用组件,如轮播,可用 ant 的
- vue-axios 是做什么的(已删除)
- 路由守卫不应该写在 axios 中
- lodash 不需要引入,或者按需加载
- localStorage.cookie 文件名不规范
- 变量减少不必要的重命名
- 命名尽量用全称,不用缩写
- setTimeout 的延时时间
- .vue 文件不同块的顺序
- css 中 import 放最上面
- 无用代码直接删掉
← code review 流程规范 行情工具 →