企业级规范

html标签企业级规范

• 一、 块级元素与块级元素平级，内嵌元素与内嵌元素平级
• 二、块元素可以包含行内元素或者某些块元素，但行内元素不能包含块元素，他只能包含其他的行内元素
• 三、有几个特殊的块级元素只能包含行内元素，不能包含块级元素
  h1、h2、h3、h4、h5、h6、p、dt
• 四、块元素不能放在p标签里面
• 五、li里面可以包含div，因为li和div都是装载内容的容器

css企业级规范

• 1、布局容器：以g为命名空间，例如.g-wrap 、.g-hearder 、.g-content
• 2、工具：以u为命名空间，标识不耦合业务逻辑的、可复用的工具，例如u-clearfix、u-elipsis
• 3、为选择器添加状态前缀
  有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如添加了‘.is-’的前缀
• 4、书写顺序
  • 1、位置属性（position,top,right,z-index,display,float等）
  • 2、大小（width,height,padding,margin）
  • 3、文字系列（font,line-height,letter-spacing,color-text-align等）
  • 4、背景（background,border等）
  • 5、其他（animation,transition等）
• 5、去掉小数点前面的0
• 6、连接字符css选择器命名规范：中横线 建议 - ，不建议 _
• 7、不要随意用ID（配合js才使用id）
• 8、代码注释

      单行注释：/*  注释注释 */
      多行注释：/**
                          *注释注释
                          * 注释注释
                          */
     文件注释：/**
                          *@name:common.css
                          *@description:公用样式表
                          *@author:张三
                          *@update:2020-01-02
                          */

javascript企业级规范

• 一、引号的使用：单引号有先，不是嵌套的情况下不使用双引号

• 二、变量命名

  • str、num 、bol 、obj 、fun 、arr:作用域不大的的情况
  • 循环：i 、j 、 k
  • 其他命名：
    • 数组：a
    • 字符串：s
    • 数值：n
    • 逻辑：b
    • 函数：f
    • 对象：o
    • 正则：r
  image.png