• 前端规范


    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

  • 相关阅读:
    【181】IDL 代码从 Windows 转移到 Linux
    异步加载图片到GridView上,防止OOM
    10881
    AngularJS的开发工具---yeoman 简易安装
    AIX操作oracle
    hdu2817 A sequence of numbers
    FZU 2104 (13.11.28)
    HDU 1231 (13.12.2)
    Java 23种设计模式详尽分析与实例解析之一--创建型模式
    JSP视频
  • 原文地址:https://www.cnblogs.com/namehou/p/10346424.html
Copyright © 2020-2023  润新知