• 24小时服务热线:400-088-1128

当前位置 南顺网络>> 知识拓展

制定自己团队的前端开发规范

目录命名

参照项目命名规则;

有复数结构时,要采用复数命名法。

例:scriptsstylesimagesdata_models

vue的项目中,components下的组件目录名,使用大驼峰命令

例:LeftBar

JS文件命名

参照项目命名规则。

例:account_model.js

CSS, SCSS文件命名

参照项目命名规则。

例:retina_sprites.css

HTML文件命名

参照项目命名规则。

例:error_log.html

HTML规范

语法:

  • 缩进使用tab(4个空格);
  • 嵌套的节点应该缩进;
  • 在属性上,使用双引号,不要使用单引号;
  • 属性名全小写,用中划线(-)做分隔符;
  • 不要在自动闭合标签结尾处使用斜线;

 在开头规定doctype,来启动标准模式,doctype要大写。

规定字符编码

通过声明一个明确的字符编码,让浏览器轻松、快速的确定适合网页内容的渲染方式,通常指定为'UTF-8'。

减少标签数量

在编写HTML代码时,需要尽量避免多余的父节点;

CSS 规范

缩进

使用tab缩进(4个空格)

.element {
    border-radius: 10px;
    width: 50px;
    height: 50px;
}
复制代码

分号

每个声明结束都要加分号

.element {
    border-radius: 10px;
    width: 50px;
    height: 50px;
}
复制代码

注释

注释统一使用 /* */

.element {
    /* border-radius: 10px; */
    width: 50px;
    height: 50px;
}