🐱👤命名规范
- 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等静态文件还应该放在约定的目录里面
- 在同一个函数内部中,局部变量的声明必须定义在顶端
- 删除弃用代码
- 注释的内容要清楚、明了、含义准确,防止注释二义性
- 对变量的定义和分支语句必须编写注释
- 函数、方法保持必要的注释