美文网首页
代码规范

代码规范

作者: 晴風無眠 | 来源:发表于2016-10-24 17:38 被阅读43次

    根据公司相关内容,简单总结一下前端的代码规范,以后再慢慢更新

    js与css规范,

    开头要写相关信息

    /******
     * author: 作者   create time : 时间   desc : 描述 
     * author: 修改作者   modify time: 修改时间   modify_info: 修改信息
    ******/
    `时间格式:2016-10-01`
    

    js规范


    • 变量用下划线 pick_up_in_app
    • 常量大写 PICK_IN_APP
    • 函数名小驼峰方式 pickUpInApp
    • 等号冒号相关联内容要排在一列,并前后要有空格

    var a = 1;
    var bb = 2;
    var ccc = 3;
    ===============
    var a = {
    a : 1,
    bb : 2,
    ccc : 3
    }

    * 块级注释写在块的前面,行内注释写在后面
    * ```
    /**
     * 我是块级注释
     * 
     */
    var a = 1; //这是行内注释
    

    使用===绝对等,尽量少的使用==(会转换类型后,在匹配),性能考虑。如果是后台传来的数据,建议用==,以防后台修改数据类型。

    • 优先使用单引号,再使用双引号。只有在json文件中才使用双引号。
    • 函数或if语句等相关语句.
      • 右括号与左大括号之间有一个空格
      • 并排的分号或逗号在之后添加一空格

    function each(ary, func) {
    if(ary) {
    var i;
    for(i = 0; i < ary.length; i += 1) {
    if(ary[i] && func(ary[i], i, ary)) {
    break;
    }
    }
    }
    }

    
    
    ### css 规范
    UI与前后添加
    

    /**

    • banner样式 -> start
      */
      .banner-box {

    }
    /**

    • banner样式 -> end
      */
    **书写顺序**
    

    .declaration-order {
    /* Positioning */
    position : absolute;
    top : 0;
    right : 0;
    bottom : 0;
    left : 0;
    z-index : 100;

    /* Box-model */
        display : block;
        float   : right;
        width   : 100px;
        height  : 100px;
        margin  : 0;
        padding : 0;
    
    
    /* Typography */
        color          : #333;
        font           : normal 13px "Helvetica Neue", sans-serif;
        font-size      : 12px;
        font-weight    : body;
        line-height    : 1.5;
        vertical-align : middle;
        text-align     : center;
        text-shadow    : 1px 1px 2px rgba(0,85,0,.8); 
    
    /* Visual */
        background-color : #f5f5f5;
        background-image : url();
        border           : 1px solid #e5e5e5;
        border-radius    : 3px;
        box-shadow       : 1px 1px 2px rgba(0,85,0,.8);
    
    /* Misc */
        opacity: 1;
    

    }

    相关文章

      网友评论

          本文标题:代码规范

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