check List

一.代码提交

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',  // 短横线连接 ，单词小写
}

参考链接：
https://cn.vuejs.org/v2/styleguide/#%E7%BB%84%E4%BB%B6%E5%90%8D%E4%B8%BA%E5%A4%9A%E4%B8%AA%E5%8D%95%E8%AF%8D%E5%BF%85%E8%A6%81

四.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