zoukankan      html  css  js  c++  java
  • 前端规范

    https://www.25xt.com/html5css3/15586.html

    HTML

    1.命名规范:

       css/id命名最好一律小写,多个单词以“-”连接

       在不影响语义的情况下,可适当使用缩写

    eg:

       antScript

       ant-script(推荐)

       ant_script(不推荐)

       尽量不适用数字

    2.文本缩进(符合代码规范,标准,对齐)

    3.标签闭合

    4.推荐使用单引号

    5.属性属性值推荐使用小写

    6.注释标准详尽

    7. css 引用置于头部<head>标签内。
    8. js 引用置于底部</body>标签前。

    CSS

    1.选择器

    尽可能不使用通配符选择器

    合理避免使用id选择器

    避免使用标签限定id或者类选择器  eg:div#nav {}

    尽可能使用继承   eg:#nav > .a { font-size:24px; }

    .减少后代选择器的使用  eg:div>a的性能肯定要好于div a

    2.代码格式规范

    代码缩进

    选择器分组换行

    eg:

    .selector,
    .selector-secondary,
    .selector[type="text"] {
      padding: 15px;
      margin-bottom: 15px;
      background-color: rgba(0,0,0,.5);
    }
    空格与换行:为了可读性或者说为了好看,建议在选择器与大括号之间添加一个空格
     

    (1).声明的冒号(:)与属性值之间添加一个空格。

    (2).每一条声明需要单独占据一行。

    (3).最后一条声明语句后面的分号是可以省略的,但是建议保留。

    (4).如果大括号中只有一条声明语句,那么大括号可以在同一行

    CSS规则之间增加一行

    简写属性

     3.属性顺序

    位置属性(position、top、right、z-index、float等)、大小(width、height、padding、margin)、文字系列(font、line-height、letter-spacing、text-align等)、背景(background、border)

    JS

  • 相关阅读:
    cf C. Vasya and Robot
    zoj 3805 Machine
    cf B. Vasya and Public Transport
    cf D. Queue
    cf C. Find Maximum
    cf B. Two Heaps
    cf C. Jeff and Rounding
    cf B. Jeff and Periods
    cf A. Jeff and Digits
    I Think I Need a Houseboat
  • 原文地址:https://www.cnblogs.com/namehou/p/10346424.html
Copyright © 2011-2022 走看看