代码规范:肉联帮团队前端代码规范
与后端
- 所有时间都应该后台返回时间戳,单位是毫秒
- 所有价/格都应该后台返回,单位是分
- 所有的命名要统一、规范、长久性,严禁不能各端不一致。
与设计
- 每个项目风格要统一
- 组件要有通用性,按钮,课程组件布局
与前端
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'// 引入cssimport styles from './index.less'
方法
首字母小写,如果需要连接多个单词,使用驼峰命名法(funcName)。私有方法用__开头(两个_,__funcName)。
类
首字母大写,如果需要连接多个单词,使用驼峰命名法(ClassName)。
变量**
首字母小写,如果需要连多过个单词,使用驼峰命名法(variableName)。
私有变量用__开头(两个_,__variableName)。
常量字母全大写,如果需要连多过个单词,用_连接(蛇形命名法(VARIABLE_NAME))。
