开发规范

339 阅读2分钟

开发规范

为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,在公司内部都会 指定相关的文档来规定项目的目录规范,前端开发人员必须遵照规范进行前台页面开发。

工作目录规范

一般在构建一个项目应用的时候,对其目录结构都会进行严格的要求

例如:

  1. 之前做的项目,使用 MVC 思想进行开发,严格的建立 modelscontrollerviews 目录。
  2. 使用 express-generator 生成的项目也是有严格的目录规范。

代码命名规范

在我们编写代码的时候,很多时候需要定义类名、变量名、函数名等操作,那么该如何定义一个复合命名规范的字符呢?

常见的规范有:

  1. BEM命名方式

    BEM(Block,Element,Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块(blocks),从而使得团队在开发复杂的项目变得高效,并且十分有利于代码复用,即便团队引入新成员,也容易维护。在某种程度上,BEM和OOP是相似的。

    参考文档:www.jianshu.com/p/a25a224b1…

  2. OOCSS规范

    OOCSS不是一个框架,也不是一种技术,更不是一种新的语言,他只不过是一种方法,一种书写方法,换句话说OOCSS其核心就是用最简单的方式编写最整洁,最于净的CSS代码,从而使代码更具重用性,可维护性和可扩展性(把原本写在一起的样式,拆开多个class写,提高可复用性) 规范实现: bootstrap 框架。 参考文档:www.w3cplus.com/css/oocss-c…

Eslint 代码检测

ESLint 可以让你在编码的过程中发现问题,并且可以自己创建检测规则,保持

代码编写风格的一致性。 文档:www.cnblogs.com/my93/p/5681…

工作规范

  1. 周报、日报
  2. 邮件发送相关

相关阅读

  1. juejin.cn/post/684490…
  2. 雅虎36条优化准则