Answer 1

@creeperyang 我的配置中是有HashedModuleIdsPlugin这个，这个插件是可以保持node_modules当中的模块的id不变，但是生成vendor后这个模块的id会和受其它动态导入的模块的影响，才会产生这种chunkhash变化的情况，楼主可以试一试，目前还没找到如何保持这个vendor的moduleId保持不变的方法！

Answer 2

class Example extends React.Component {
  constructor() {
    super();
    this.state = {
      val: 0
    };
  }
  
  componentDidMount() {
    this.setState({val: this.state.val + 1});
    console.log(this.state.val);    // 第 1 次 log

    this.setState({val: this.state.val + 1});
    console.log(this.state.val);    // 第 2 次 log

    setTimeout(() => {
      this.setState({val: this.state.val + 1});
      console.log(this.state.val);  // 第 3 次 log

      this.setState({val: this.state.val + 1});
      console.log(this.state.val);  // 第 4 次 log
    }, 0);
  }

  render() {
    return null;
  }
};

Answer 3

先分析flex属性的信息
1.left容器 放大比例1，缩小比例 2 默认占500px
2.right容器 放大比例2，缩小比例 1 默认占400px

当子项目宽度总和大于父容器宽度时，如果有缩小比例将按照缩小比例进行压缩，比如子项目总和900px大于父容器600px，多出的300px将按照缩小比例进行压缩
left容器将会压缩2/3* 300 = 200px
right容器将会压缩1/3* 300 =100px
所以最终left和right宽度都是300px

同理当子项目宽度总和小于父容器宽度时，如果有放大比例将按照放大比例进行扩张。

浏览器跑一下吧，不是这个结果

Answer 4

动画该叫animation吧

都是动画吧，我觉得transition是过渡动画，aniamtion是关键帧动画。