Category: js

https://reactjs.org/docs/optimizing-performance.html

class CounterButton extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: 1};
  }

  shouldComponentUpdate(nextProps, nextState) {
    if (this.props.color !== nextProps.color) {
      return true;
    }
    if (this.state.count !== nextState.count) {
      return true;
    }
    return false;
  }

  render() {
    return (
      <button
        color={this.props.color}
        onClick={() => this.setState(state => ({count: state.count + 1}))}>
        Count: {this.state.count}
      </button>
    );
  }
}

在这段 this.props 有时候仍会造成异步问题，改成 this.state 有时候可以修复：

if (this.props.color !== nextProps.color) {
  return true;
}
if (this.state.count !== nextState.count) {
  return true;
}
return false;

在 node.js 的基础教程里面，一开始总是会教大家来写 server.js

绝大多数情况下，这个例子会让大家觉得“yeah，写服务器好简单”。但是在某些 linux 虚拟主机下，这个简单的例子会无法实现。

其实原因非常简单，防火墙过滤掉了 createServer 的 listen 端口。

这时候只要把 listen 端口绑在常用的