开启 mongodb 步骤：

1. sudo service mongod start
2. mongod
3. mongo

GET的语义是请求获取指定的资源。GET方法是安全、幂等、可缓存的（除非有 Cache-ControlHeader的约束）,GET方法的报文主体没有任何语义。

POST的语义是根据请求负荷（报文主体）对指定的资源做出处理，具体的处理方式视资源类型而不同。POST不安全，不幂等，（大部分实现）不可缓存。为了针对其不可缓存性，有一系列的方法来进行优化。

还是举一个通俗栗子吧，在微博这个场景里，GET的语义会被用在「看看我的Timeline上最新的20条微博」这样的场景，而POST的语义会被用在「发微博、评论、点赞」这样的场景中。

Socket.IO 是一个基于 Node.js 的实时应用程序框架，在即时通讯、通知与消息推送，实时分析等场景中有较为广泛的应用。socket.io基于websocket协议,前后端通过事件进行双向通信.

io.on 监听事件

io.emit 触发事件

socket.io 由两部分组成:

• A server that integrates with (or mounts on) the Node.JS HTTP Server: socket.io
• A client library that loads on the browser side: socket.io-client

• "proxy": "http://localhost:9093"//跨域

• "transform-decorators-legacy"//支持装饰器所用到的插件 https://www.jianshu.com/p/d07ccef9f4f0 --save-dev

• "babel-plugin-import": "^1.6.7",//使用 antd-mobile 时可以按需加载,对应配置在babel->plugins->import中

component/authrouter 根据权限跳转页面

redux/login 注册和登陆的reducer

containers/bossinfo boss完善信息页面

component/user 用户个人信息

It provides a third-party extension point between dispatching an action, and the moment it reaches the reducer.

这句话来自https://github.com/reduxjs/redux/blob/master/docs/advanced/Middleware.md

在Redux中,中间件就是一个函数，对store.dispatch方法进行了改造，在发出 Action 和执行 Reducer 这两步之间，添加了其他功能。

Redux thunk 中间件 允许你去写 action creators 返回函数而不是一个 action.

//redux-thunk的源码
function createThunkMiddleware(extraArgument) {
  return ({ dispatch, getState }) => next => action => {
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }

    return next(action);
  };
}

const thunk = createThunkMiddleware();
thunk.withExtraArgument = createThunkMiddleware;

export default thunk;

function createStore(reducer, preloadedState, enhancer) {
  ...
	return enhancer(createStore)(reducer, preloadedState);
  ...
}
  
export default function applyMiddleware(...middlewares) {
  return createStore => (...args) => {
    const store = createStore(...args)
    let dispatch = () => {
      throw new Error(
        `Dispatching while constructing your middleware is not allowed. ` +
          `Other middleware would not be applied to this dispatch.`
      )
    }

    const middlewareAPI = {
      getState: store.getState,
      dispatch: (...args) => dispatch(...args)
    }
    const chain = middlewares.map(middleware => middleware(middlewareAPI))
    dispatch = compose(...chain)(store.dispatch)

    return {
      ...store,
      dispatch
    }
  }
}

关于Redux-thunk的一篇文章http://taobaofed.org/blog/2016/08/18/react-redux-connect/

• shouldComponentUpdate()

  shouldComponentUpdate(nextProps,nextState){
    if(nextProps.xxx===this.props.xxx){
      return false;
    }
  }
  // 如果组件没有内部状态,只考内部传入的值进行渲染
  class Demo extends React.pureComponent{
    render(){
      console.log()
      return
    }
  }
  
  // React 建议,为了保证性能只做浅层比较,这也是为什么 state 不建议深层嵌套的原因
  

• React同构:首屏服务端渲染

• React组件优化

  • 属性传递优化
  • 多组件优化
  • key
  • 绑定this的三种做法,除了在constructor中绑定,bind会在每次渲染时元素时重复执行bind,箭头函数则每次都会生成全新的函数
  • 只传递所需要的数据

• immutablejs 存在的意义和使用

  • Shared mutable state is the root of all evil（共享的可变状态是万恶之源）

    -- Pete Hunt

  • camsong/blog#3

• reselect:

  在组件交互操作的时候,state发生变化的时候如何减少渲染的压力.在Reselect中间中使用了缓存机制,可以提升速度.

  • Selector可以计算衍生的数据,可以让Redux做到存储尽可能少的state。
  • Selector比较高效,只有在某个参数发生变化的时候才发生计算过程.
  • Selector是可以组合的,他们可以作为输入,传递到其他的selector.

http://www.alloyteam.com/2016/06/react-isomorphic/

React中提出了 虚拟DOM 的概念，虚拟DOM以对象树的形式保存在内存中，与真实DOM相映射，通过ReactDOM的Render方法，渲染到页面中，并维护DOM的创建、销毁、更新等过程，以最高的效率，得到相同的DOM结构。

虚拟DOM 给页面带来了前所未有的性能提升，但它的精髓不仅局限于此，还给我们带来了另一个福利： 服务端渲染 。

不同于ReactDOM.render将DOM结构渲染到页面，React中还提供了另外两个方法：ReactDOMServer.renderToString 和 ReactDOMServer.renderToStaticMarkup 。二者将虚拟DOM渲染为一段字符串，代表了一段完整的HTML结构。

通过React提供的服务端渲染方法，我们可以在服务器上生成DOM结构，让用户尽早看到页面内容，但是一个能够work的页面不仅仅是DOM结构，还包括了各种事件响应、用户交互。那么意味着，在客户端上，还得执行一段JS代码绑定事件、处理异步交互，在React中，意味着整个页面的组件需要重新渲染一次，反而带来了额外的负担。

因此，在服务端渲染中，有一个十分重要的概念， 同构(Isomorphic) ，在服务端和客户端中，使用完全一致的React组件，这样能够保证两个端中渲染出的DOM结构是完全一致的，而在这种情况下，客户端在渲染过程中，会判断已有的DOM结构是否和即将渲染出的结构相同，若相同，不重新渲染DOM结构，只是进行事件绑定。

在同构应用中，一套代码（不局限于组件），能够同时在客户端和服务端运行，总体结构如下：

• node 使用 babel-node 配置node 里的react环境
• 修改客户端代码,抽离app 组件,前后端共享
• 服务端生成DOM结构,渲染,加载build后的css和js

• express中间件,拦截理由,手动渲染index.html
• build设置为静态资源地址