代码/项目规范

　　之前写了些代码的规范，对于当时比较简单的项目是可行的，但是，随着项目代码量的增加，有序的组织和规范是非常必要的，这里做一个总结。下面的几篇文章是我之前总结的，可以作为参考：

• 如何写出优雅的css代码 ？
• 如何写出优雅的JavaScript代码 ？

 

　　下面是一些推荐的：

• http://www.cnblogs.com/hustskyking/p/css-spec.html
• http://alloyteam.github.io/CodeGuide/

　　

　　 

1、 在js中尽量使用单引号，在html中尽量使用双引号。 一般这时一种约定，而没有具体的原因。

 

2、 在react的项目中，我们可以把每一个组件以及其css文件都放在一个文件中， 其中的jsx文件写成 index.jsx，这样，每次直接引入组件的时候直接使用文件名即可，可以自动寻找index文件。而对于文件的名称我们可以直接写为组件的名称，并且值得注意的是，在react中的组件里，首字母都是大写的，所以对于文件的引入也是类似的，在使用vscode的时候，我们就可以发现，每次import的时候，对于组件和组件名都是同步的。css中也是可以使用单引号的。

 

3、我们在引入模块中，比如react相关模块，我们可以使用 react、redux、react-router、antd（其他css）的方式来引入，如下所示：

// 首先引入react相关，如react-com，子组件等。
import React from 'react';

 import Lists from '../../components/List'

// 接着引入 redux 相关
import { connect } from 'react-redux'
import {addCurUser} from '../../redux/Action/index.jsx'

// 然后引入 react-router 相关
import {Link, Lifecycle, browserHistory } from 'react-router'

// 继续引入css相关
import { message } from 'antd';
import './style.less'

// 这里开始写组件
class Log extends React.PureComponent {    

    constructor(props) {
      super(props);
      this.state = {
          userName : "",
　　　　　　......