title: 前端开发规范 date: 2018-05-8

开发规范

1.组件都要以大写字母开头 2.重复使用的属性定义出来，避免不必要的内存消耗。

let businessData = this.props.businessData.toJS();
let count = businessData.count;
const percent1 = this.percent(_.get(businessData, 'count.modelCount'), _.get(businessData, 'count.useCount'));

3.git提交规范。配置步骤如下：

安装core.editor：
git config --global core.editor "'E:\Program Files\Microsoft VS Code\Code.exe' -w"
通过项目找到docs--》git_commit_template 然后设置模板存放路径：
git config --global commit.template 'E:\devt\git_commit_template'
通过命令行输入1:git add . 2:git commit 后即可弹出对应模板界面
# feat: 新增首页报表（切记冒号后面必须有空格）

# <body>解释为什么要做这些改动(分行描述)

# <footer>

下面不管填完即可

如果有少量的改动也可以简单提交：git commit -m "feat: 新增首页报表"

3.字体通常使用系统默认字体，如果有特殊要求可以定义组件字体，或者直接在组件内些死。 4.UI给出的图片如果名字有歧义，需要自行修改。并且放到对应的：styles/images/组件目录。 5.放在components 下面的组件要考虑通用性，比如传组件的宽度，高度等一切有必要的值。 6.禁止使用jquery 全局获取组件，尽量使用react ref获取虚拟dom

方法1：ref回调函数方式 会在组件加载完毕后回调做你想操作的事
ref={div => {
    let divDom =div;
    获取divDom 可以对DOM进行操作
}}

方法2：设定ref 属性```（**领导不让使用**）
```bash <span ref="spanCount" className="span2">
 通过this.refs获取spanCount
 this.numAutoPlusAnimation(this.refs.spanCount, {
  time: 3000,
  num: this.state.count,
  regulator: 50,
});

7.编写dom结构清晰。 8.mock数据要随时跟着接口API保持一致，并且保证系统可以在没有服务的情况下访问。 9.提交代码注意eslint的验证规范。虽然可以使用这个调过验证代码/* eslint-disable */ 少用！ 10.在组件的callback中，为每个函数都加上 on 作为前缀 11.改变state的 reducer中加上applay 作为前缀 12.在selector中加上 select 作为前缀 13.在 action creator 中加上 do 作为前缀

changelog

李裴 , 2018-05-8
创建文档

开发规范.md 2.4 KB Permalänk Historik Rå

开发规范

changelog

开发规范.md 2.4 KB

Permalänk Historik Rå