前端代码评审规则

🐱‍👤命名规范

• JS采用小驼峰命名
• 对象命名避免名称冗余
• css类名采用BEM命名规范
• 命名符合语义化，如果是函数命名，可以采用机上动词前缀

🐱‍👤JS推荐写法

• 常量都需要命名const COL_NUM=10;let row=num/COL_NUM
• 函数、对象推荐使用字面量定义

🐱‍👤Less推荐写法

• 使用@import导入样式

🐱‍👤Vue推荐写法

• 组件名为多个单词，避免与HTML元素冲突
• 使用Vue框架开发，尽量不手动操作DOM
• 组件的data必须是一个函数
• 完整单词的组件名
• 指令缩写（用:表示v-bind、用@表示v-on）
• 标签顺序保持一致，单文件组件应该总是让标签顺序保持为<template>、<script>、<style>

🐱‍👤React推荐写法

• React组件文件使用.jsx扩展名
• 每个文件只写一个组件，但是多个无状态组件可以放在单个文件中
• 文件名: 文件名使用驼峰式命名，首字母大写
• 引用命名: React组件名使用驼峰式命名，首字母大写，实例名也使用驼峰式命名，但首字母小写
• 在Refs里使用回调函数
• 属性名不允许重复声明
• 数组中或者遍历中输出相同的React组件，属性key必需
• 如果属性值为true, 可以直接省略
• 对于JSX属性值总是使用双引号", 其他均使用单引号'
• 有内部状态，方法或者是要对外暴露ref的组件，使用ES6 Class写法

🐱‍👤其他规范

• css、js、image等静态文件还应该放在约定的目录里面
• 在同一个函数内部中，局部变量的声明必须定义在顶端
• 删除弃用代码
• 注释的内容要清楚、明了、含义准确，防止注释二义性
• 对变量的定义和分支语句必须编写注释
• 函数、方法保持必要的注释