代码规范:肉联帮团队前端代码规范
与后端
- 所有时间都应该后台返回时间戳,单位是毫秒
- 所有价/格都应该后台返回,单位是分
- 所有的命名要统一、规范、长久性,严禁不能各端不一致。
与设计
- 每个项目风格要统一
- 组件要有通用性,按钮,课程组件布局
与前端
js书写—引入
// 引入依赖
import { PureComponent, Fragment } from 'react'
import ReactDOM from 'react-dom'
import DocumentTitle from 'react-document-title'
import classnames from 'classnames'
import { Carousel } from 'antd'
// 引入工具
import { hideWeixinShare } from '@xb/utils/weixin'
// 引入服务
import screenshotService from '@xb/services/screenshot'
// 引入公共组件
import Toast from '@xb/components/Toast'
import WhiteSpace from '@xb/components/WhiteSpace'
// 引入全局图片
import iconNoContent from '@xb/assets/icon-no-content.png'
// 引入私有组件
import GiftCard from '../widgets/GiftCard'
import Button from '../widgets/Button'
import BottomButton from '../widgets/BottomButton'
import Poster from '../widgets/Poster'
import NoReward from '../widgets/NoReward'
// 引入私有图片
import ToolA from './images/tools-a.png'
import ToolB from './images/tools-b.png'
import ToolC from './images/tools-c.png'
import ToolD from './images/tools-d.png'
// 引入css
import styles from './index.less'
方法
首字母小写,如果需要连接多个单词,使用驼峰命名法(funcName
)。私有方法用__
开头(两个_
,__funcName
)。
类
首字母大写,如果需要连接多个单词,使用驼峰命名法(ClassName
)。
变量**
首字母小写,如果需要连多过个单词,使用驼峰命名法(variableName
)。
私有变量用__
开头(两个_
,__variableName
)。
常量字母全大写,如果需要连多过个单词,用_
连接(蛇形命名法(VARIABLE_NAME
))。