代码规范:肉联帮团队前端代码规范

与后端

  • 所有时间都应该后台返回时间戳,单位是毫秒
  • 所有价/格都应该后台返回,单位是分
  • 所有的命名要统一、规范、长久性,严禁不能各端不一致。

与设计

  • 每个项目风格要统一
  • 组件要有通用性,按钮,课程组件布局

与前端

js书写—引入

  1. // 引入依赖
  2. import { PureComponent, Fragment } from 'react'
  3. import ReactDOM from 'react-dom'
  4. import DocumentTitle from 'react-document-title'
  5. import classnames from 'classnames'
  6. import { Carousel } from 'antd'
  7. // 引入工具
  8. import { hideWeixinShare } from '@xb/utils/weixin'
  9. // 引入服务
  10. import screenshotService from '@xb/services/screenshot'
  11. // 引入公共组件
  12. import Toast from '@xb/components/Toast'
  13. import WhiteSpace from '@xb/components/WhiteSpace'
  14. // 引入全局图片
  15. import iconNoContent from '@xb/assets/icon-no-content.png'
  16. // 引入私有组件
  17. import GiftCard from '../widgets/GiftCard'
  18. import Button from '../widgets/Button'
  19. import BottomButton from '../widgets/BottomButton'
  20. import Poster from '../widgets/Poster'
  21. import NoReward from '../widgets/NoReward'
  22. // 引入私有图片
  23. import ToolA from './images/tools-a.png'
  24. import ToolB from './images/tools-b.png'
  25. import ToolC from './images/tools-c.png'
  26. import ToolD from './images/tools-d.png'
  27. // 引入css
  28. import styles from './index.less'


方法
首字母小写,如果需要连接多个单词,使用驼峰命名法(funcName)。私有方法用__开头(两个___funcName)。

首字母大写,如果需要连接多个单词,使用驼峰命名法(ClassName)。
变量**
首字母小写,如果需要连多过个单词,使用驼峰命名法(variableName)。
私有变量用__开头(两个___variableName)。
常量字母全大写,如果需要连多过个单词,用_连接(蛇形命名法(VARIABLE_NAME))。