夫天地者,万物之逆旅;光阴者,百代之过客。而浮生若梦,为欢几何?
前端开发规范


CSS开发规范

规则/约定编号

规则/约定说明

CSS1001

命名可以使用英文、数字、中划号,但是必须以英文开头

CSS1002

英文命名必须使用小写字母

CSS1003

单词不能缩写,除非是通俗的词

CSS1004

样式文件名可以使用英文、数字、中划号,但是必须遵循驼峰写法,首字母小写

CSS1005

样式文件名应尽量和模块名称一样,文件存路径也应一致

CSS1006

文件编码格式必须使用UTF-8,并且在文档首行须定义@charset "utf-8"

CSS1007

background中去掉url中的资源引用符号

CSS1008

HEX颜色值的写法使用小写表示

CSS1009

如果属性值为0,则不需要加单位

CSS1010

没条样式规则后必须加上分号(;)结尾

CSS1011

尽量使用class而不是id





HTML开发规范

规则/约定编号

规则/约定说明

HTML1001

命名可以使用英文、数字、中划号,但是必须以英文开头

HTML1002

英文命名必须使用小写字母

HTML1003

单词不能缩写,除非是通俗的词

HTML1004

属性的值一定要用双引号括起来,且一定要有值

HTML1005

每个标签都要有开始和结束,并且排版要规律整齐

HTML1006

表现与结构完全分离,代码中不涉及任何的表现元素,如style、font等

HTML1007

每一个表格和表单必须加上唯一的、结构标记id

HTML1008

图片要有alt标签

HTML1009

统一使用HTML5的标准文档类型:<!DOCTYPE html>

HTML1010

为表单元素lable加上for属性

HTML1011

模块的开始和结束的地方添加注释



JavaScript开发规范

规则/约定编号

规则/约定说明

JS1001

命名可以使用英文、数字、下划号,但是必须以英文开头

JS1002

英文命名必须使用驼峰,且小写字母开头

JS1003

单词不能缩写,除非是通俗的词

JS1004

函数名使用驼峰命名,首字母小写,前缀尽量为动词,如(can、is、has、get、set、load)

JS1005

构造函数使用驼峰命名,首字母大写

JS1006

常量使用大写字母和下划线来组合命名

JS1007

函数中公共属性和方法命名与变量和函数相同,私有属性和方法前缀为下划线开头

JS1008

不要在一行声明多个变量

JS1009

文件名可以使用英文、数字、下划号、中划线,但是必须以英文开头,且使用驼峰命名

JS1010

尽量使用ES6的async、await 而不是回调函数的嵌套

JS1011

变量的定义使用ES6的let而不是var(尽量使用ES6的新语法)

JS1012

目录名称的命名应该具有意义


作者:暗夜余晖

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

0

支持

0

反对

posted @2018-8-22  拜读(391)

评论列表

评论内容:



喜欢请打赏

支付宝 微信

请放心支付