很多初学者和我一样,刚开始写代码的时候,不注意代码规范,认为只要代码没有语法错误,能运行就是正确的。
这样的观念在我心里存在了很长时间,这其实是埋藏在代码里的一个定时炸弹,给自己维护和他人合作都带来了巨大的麻烦。
1.首行缩进:几乎在所有的代码语言了 我们都是以4个空格来缩进代码 一是看起来很美观,二是代码结构一目了然,增强了代码的健壮性。
2.语言编码:一律使用utf-8 这样可以保证自己写的代码不会再其他浏览器上乱码。
3.注释: 注释是很重要的一点,因为在项目中,我们都是一个团队在合作,你写的代码也许只有你自己看的懂,你就写写好注释这段代码是干什么用的,这样别人才能一眼就知道
代码的作用,节省了时间,也增强了彼此间的沟通。 css的注释是/**/ html的注释是<!----> js的注释是//
4.命名: 所有标签的元素和属性的名字都使用小写,css类名要用有实际意义的名字,是这个东西是什么 还不是像什么的原则。比如导航菜单的最后一个背景颜色是红色 如果我们用 nav-red-bg,这样写也可以,但是如果以后有新的需求需要把它变成
蓝色,这样命名是不是就不合理了。我们应该看他是什么:nav-last,他就是导航菜单的最后一个元素 我不管你像红的还是像绿的。这样你以后再怎么修改也没关系了。还有命名尽量要有层级关系,这样我们才能一眼就看的出来dom树的结构。
js局部变量用——开头,全局变量不用,禁止使用 - 号链接,这会与js里运算符减号相冲突,引起不必要的麻烦。
5.文档类型: 在html的开头 都要用<!DOCTYPE html> 来声明一下 来告诉浏览器我下面的是什么文档类型。这样也增强了页面的兼容性。
6.标签:每个html标签都要有相应的结束标志,单行的 比如<img> <hr> 这样的标签要以/结尾,并且标签里面的属性
7.运算符:js二目运算符和三目运算符 前后都要加空格。