美文网首页
前端代码管理规范

前端代码管理规范

作者: ohayoyun | 来源:发表于2020-05-11 16:26 被阅读0次

一、命名规则

1、文件/文件夹命名

文件夹/文件的命名统一用小写 或驼峰

项目名称一律小写或带_ 下划线 连接

2、js变量

3.1 变量 ——命名方式:小驼峰 ; 命名规范:前缀名词

3.2 常量 —— 命名方式: 使用大写字母和下划线来组合命名

3.3 函数 —— 命名方式:小驼峰 ;命名规范:前缀动词

3.4 类、构造函数 —— 命名方式:大驼峰式命名法,首字母大写

3.5 css(class、id)命名规则BEM

.block{} // 代表了最高级别的组件
.block__element{} // 代表 block 的后代
.block--modifier{} // 代表 block 的不同状态或不同版本

二、注释

1.单行注释 —— // 说明

2.多行注释 ——

/*
* xxxx 描述较多的时候可以使用多行注释
* xxxx
*/

三、组件

每个 Vue 组件的代码建议不要超出 300 行 (建议父子组件组合或抽离成公共组件)

四、codeReview

  1. 所有影响到以往流程的功能需求更改发版前都需要codeReview ;

  2. 初级程序员可由中级程序员的执行codeReview

中级程序员可由高级程序员执行codeReview

以此类推

五、git规范

  1. 分支

master ——只有管理员才能操作

develop ——开发分支

test ——测试分支

  1. 提交

提交前要写备注(当前提交的具体内容)

相关文章

  • 前端代码管理规范

    一、命名规则 1、文件/文件夹命名 文件夹/文件的命名统一用小写 或驼峰项目名称一律小写或带_ 下划线 连接 2...

  • 前端H5 SPA选型

    前台规范 ES6语法ES6前端代码规范 前端模块化管理 webpack 构建工具 vue-loader 前端CSS...

  • 代码规范

    代码规范 1. 概述 欢迎使用前端代码规范, 这里借鉴、引用的是京东前端代码规范。 遵循代码规范的目的在于增强团队...

  • 中型App开发框架总结

    开发流程总图 代码开发阶段  GitLab:代码管理服务。git分支规范 MockServer:前端/后台同步开发...

  • 前端开发规范

    前端代码规范 Front Standard Guide 前端 JS 项目开发规范 规范的目的是为了编写高质量的代码...

  • 前端规范

    前端规范 规范说明 此为前端开发团队遵循和约定的代码书写规范,意在提高代码的规范性和可维护性。此规范为参考规范,统...

  • 代码规范

    代码规范 1. 概述 欢迎使用代码规范, 这个是我借鉴京东前端代码规范,组织的内部规范。旨在增强团队开发协作、提高...

  • 代码规范

    代码规范 作为前端工程化的第一步,就是要统一代码规范。而前端的代码规范,用三个插件就能保证(husky lint-...

  • 前端代码规范

    该文于 2013 年创作,经年修改,录以记之 统一的规范有助于团队合作开发,但规范又臭又长,又不利于阅读与遵守,所...

  • 前端代码规范

    命名规范 注释 eslint编码规范 使用两个空格进行缩进。eslint: indentfunction hell...

网友评论

      本文标题:前端代码管理规范

      本文链接:https://www.haomeiwen.com/subject/hgnunhtx.html