工具的使用和代码优雅实现

vscode 篇
1.vscode 自动保存
off：关闭自动保存，这是默认选项
afterDelay：会每隔若干秒保存一次
OnFocusChange： 编辑器是去焦点时自动保存文件，比如说你打开了多个文件，你编辑好了A，然后切换到B文件，那么此时A文件会自动保存。
OnWindowChange：窗口失去焦点时会自动保存文件。也就是说你从VSCode切换到其他软件时会自动保存文件。

路由

hash值变化浏览器不会重新发起请求，但是会触发window.hashChange事件，假如我们在hashChange事件中获取当前的hash值，并根据hash值来修改页面内容，则达到了前端路由的目的。

defaultProps 用于确保 this.props.name 在父组件没有指定其值时，有一个默认值。propTypes 类型检查发生在 defaultProps 赋值后，所以类型检查也适用于 defaultProps。

  foo(){
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve(Promise.resolve(3))
      }, 1000)
    })
  }

  bar(){
    this.foo().then(res => {console.log(res)})
  }

 clickListener = () => {

  }

  componentDidMount(){
    document.querySelector('#123').addEventListener('click', this.clickListener )
    document.querySelector('#123').removeEventListener('click', this.clickListener )
  }

add和remove需要写在一起？因为是要操作的同一个对象

代码优雅实现：
不好：如果没有获取到会报错 render: text => moment(text).format(“YYYY-MM-DD HH:mm:ss”),
好：render: text => text ? moment(text).format(“YYYY-MM-DD HH:mm:ss”) : ‘-’,
使用三元表达式 没有获取到用 ‘-’