写代码时,具有明晰的、一致的代码风格,可以使代码更具可读性,以及降低维护成本,增加工作效率。在团队协作中尤其重要,每一个程序员都应该严格遵守既定的代码风格。这是职业素养很重要的一部分~
下面,是我根据已有的,稳定的代码风格文档总结的前端代码风格指南。
- 使用2空格缩进,不要使用 Tab 或者 Tab 空格混合;
- 编码使用 UTF-8 方案;
- 语义化,使用 HTML5 提供的具有语义的标签;
- 元素嵌套应该缩进;
- 可选闭合标签必须闭合;
- 无闭合标签末尾的斜杠最好不写;
- 尽量简洁,减少标签数
- 不要直接调用原生方法,例如
object.hasOwnProperty(key)
,而是使用Object.prototype.hasOwnProperty.call(object, key)
的方式,并且最好将所有的原生函数访问包装在单独的模块中,赋给简短易懂的变量,然后在需要的模块中通过 import 来引入调用 - 通过扩展运算符来实现对象的浅复制,而不是使用
Object.assign()
方法 - 同上,使用扩展运算符复制数组,而不是遍历的方法