从“零”开始的前端面试笔记（三）

• react的生命周期函数
  • 初始化阶段：
    • getDefaultProps:获取实例的默认属性
    • getInitialState:获取每个实例的初始化状态
    • componentWillMount:组件即将被装载、渲染到页面上
    • render:组件在这里生成虚拟DOM节点
    • componentDidMount:组件真正被装载之后（Ajax请求应该在此发起）
  • 运行中阶段：
    • componentWillReceiveProps:组件将要接收到属性的时候调用
    • shouldComponentUpdate:组件接收到新属性或新状态的时候（可以返回false，接收数据后不更新，阻止render调用，后面的函数不会被继续执行了）
    • componentWillUpdate:组件即将更新（不能修改属性和状态）
    • render:组件重新描绘
    • componentDidUpdate:组件已经更新
  • 销毁阶段：
    • componentWillUnmount: 组件即将销毁
• Webpack.config.js常见loader：
  • css-loader 允许将css文件通过require的方式引入，并返回css代码
  • sass-loader 处理sass
  • file-loader 分发文件到output目录并返回相对路径
  • babel-loader 用bebel来转换ES6到ES5（JSX支持）
    p.s. loader支持链式调用，从右向左执行