美文网首页
check List

check List

作者: lx_smile | 来源:发表于2020-12-18 10:14 被阅读0次

    一.代码提交

    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

    相关文章

      网友评论

          本文标题:check List

          本文链接:https://www.haomeiwen.com/subject/wlvxfktx.html