一.代码提交
1. bad smell
- 提交代码注释不明确（一开始官网项目，注释表达不清晰）
- 不能及时提交（没有保证至少每天下班前提交代码）
2. 优化
- 小步提交代码，并在之后的提交中，添加 提交type,尽量明确提交信息
常用 commit type
commit提交type.png
二 .switch 注意点及优化
- 场景 ：需要根据不同的type值，获取的不同的目标值；（公共字段长度方法）
/** 冗余代码示例 ，虽能够实现需求，但是代码不够简洁优雅 **/
var maxLength = null;
getMaxLength(type){
switch (type) {
case 0:
maxLength = 16; //多次给变量重新赋值
break; // break 仅跳出循环体，会继续执行循环体之后的代码；
case 1:
maxLength = 32;
break;
case 2:
maxLength = 64;
break;
case 3:
maxLength = 128;
break;
case 4:
maxLength = 256;
break;
case 5:
maxLength = 1024;
break;
default:
maxLength = type;
break;
}
var lengthType = 0;
maxLength(){
switch (lengthType) {
case 0:
return 16; // 返回需要的目标值，遇到 return ，结束整个方法，执行环境回到 方法调用处。
case 1:
return 32;
case 2:
return 64;
case 3:
return 128;
case 4:
return 256;
case 5:
return 1048;
default:
return lengthType;
}
}
三.公共组件 name 命名
1. bad smell
export default {
name: 'accountName-input', // 驼峰 与 短横线 混在一起
}
export default {
name: 'account-Input', // 短横线与大写字母
}
export default {
name: 'account', // 尽量避免单个字母，vue官方文档-风格指南中指出：
} // 组件名应该始终是多个单词的，
// 这样做可以避免跟现有的以及未来的 HTML 元素
// 因为所有的 HTML 元素名称都是单个单词的。=
2.优化
1.首字母全大写（大驼峰）
export default {
name:'AccountNameInput', // 首字母全大写
}
2.短横线 连接 小写单词
export default {
name:'account-name-input', // 短横线连接 ，单词小写
}
四.prop定义
vue官方 风格指南指出，prop 的定义应该尽量详细，至少需要指定其类型。
应避免以下代码：
props: ['placeholder','disabled','lengthType']
参考链接：https://cn.vuejs.org/v2/style-guide/#Prop-%E5%AE%9A%E4%B9%89%E5%BF%85%E8%A6%81
