前端规范

当团队人数>1的时候,规范还是有必要了

css

模块组织规范

1、基础框架 (normalize+icon等)

2、通用模块(tab,modal,page等)

3、页面样式(页面独有样式)

用上面的层次来组织css,在基础框架的基础上开发通用模块

模块化命名规范

任何模块在页面上都像一个盒子,不和页面其他元素相互影响

组件名  name{}

组件状态 name-status{}

组件模块 name-content{}

组件模块状态 name-content-status{}

 

css编码规范

1、编码,缩进,行长度,属性定义另起一行

2、清浮动、!important

 

js

命名空间

单一全局变量+自执行匿名函数控制作用域

 

模块组织

工具类utils,包括一些类型判断、日期和数字的格式化

组件,弹框、分页等

页面模块

 

脚本加载器

jsloader来异步加载js

 

js编码规范

1、文件编码、缩进、空格、行长度等

2、变量、函数、类、常量、boolean、jquery对象等的命名

 

 

html

1、合理语义化标签

2、标签闭合、不同模块的注释

3、class和id的命名

4、等