高质量代码的前提是有一套标准的编码规范,今天送你一套WEB前端编码规范

这是一套我们研发团队必须遵守的开发规范,虽然条款不多,但是整个规范针对WEB前端开发是有一整套标准的。我们的所有项目开发,都遵循这个规范。凡是不遵守的员工都至少发现一处都是要挨批评的。严重的经常犯错的是要被罚款的。
大家可以仔细看一看:从html到css再到js,有一部分规范是环环相扣的。
如果本文内容对你有用,希望在评论区随便留个言,感谢你的支持!我会逐步分享更多有用的WEB开发知识相关知识。如果是WEB开发的小白同学,有任何学习中的困惑也可微信私聊我:cuijuntao520

(1)HTML标签、属性全部用小写字母
(2)class名称全部用小写字母,不同单词之间使用下划线连接,举例:this_menu
(3)ID名称全部使用驼峰式命名,举例:thisMenu,首字母不能大写
(4)尽量不使用拼音,除非单词太长,没有中文描述简洁,没有合适的翻译单词可用
(5)太长的单词使用缩写,一般建议4个字母或三个字母,以大家都能一眼识别为原则
(6)写CSS样式,一行一个属性,不要将很多属性写在同一行。写完后可以使用代码压缩工具压缩。
(7)HTML文档里面尽量不加注释:这一种:,把样式名称取的好认即可。
(8)不要在代码里加连续不断的很多空行,HTML和CSS,以及JS都一样,想区分不同的功能块,一般一个空行就行了。
(9)多用格式化,让代码看上去规正一些。
(10)HTML一行太长显示不全时,建议一行一对标签。如果一行可以显示完,则可以适当放多个标签。
(11)所有的HTML元素都必须有对应的CSS来修饰,否则它就没有存在的必要。不用CSS修饰的HTML,至少有50%的机率会引起浏览器的不兼容或没有存在的必要。

CSS代码举例:

.test {//这个花括号紧挨着样式名,中间空一格

属性名:属性值;

属性名:属性值;

}//这个花括号,独立一行

CSS注释:
/这里是CSS被注释内容,可以是多行/

JS命名规范:

A. 自定义变量命名:和css的class完全一个风格,不建议JS变量用使用驼峰式(单词首字母大写)的风格
例如:var this_num = 1;

B. 自定义函数名称:和ID名称完全一个风格,例如:
function setVal() {//这个花括号紧挨着函数名,中间空一格
//这里面是代码断
//下面的花括号,独立一行
}

C.自定义对象名称:若不是特殊的对象,和变量名一致即可,若是特殊的对象和上面的函数名一个风格即可。

你可能感兴趣的:(IT行业知识,WEB前端知识分享)