【Vue Shop】代码优化

Fork Me On Github

代码优化

  1. 变量写法统一
  2. 空格控制
  3. 类型转化规范

由于使用了 typescript 编写,所以引入了 TSLint 作为代码规范检查工具,在编写过程中并没有太注重代码的规范,导致每次编译的代码提示都刷刷的好几页。

在基本功能完成后进行代码优化工作。

  1. 类型转化提示,例如 parseInt 第二个参数必填 10 表示转化为十进制。页面获取传值 this.$route.querythis.$route.params 返回多个类型的值,如果需要string 则使用 as string 做类型转化声明,实际在js 代码中不做处理。如果需要 number 则需要使用 parseInt(this.$route.query.a as string, 10) 进行转化
  2. 变量统一使用驼峰写法,默认的 ts 规范也是这么规范的,当然也可以改,反正我是习惯用驼峰写法
  3. 字符串和引入文件路径使用单引号,当然这也可以改,vscode 默认生成的引用可以在设置里面设置或在 tsconfig.json 中配置
  4. 清除空白行中的空格
  5. 补全 , 和 ;
  6. 匿名函数如果只有一个参数可以不用括号和声明类型,多个参数必须括号和声明类型
  7. 一行文字不超过120个,超过截断换行
  8. 同意代码风格,页面都使用类的写法
  9. 类的所有成员包括属性,方法都加上 publicprivate 修饰符
  10. 变量声明,尽量使用 const
点击查看全文
0 163 0