项目优化和节流防抖

1、图片占位符

  将视图之外的图片都用同一个占位图进行占位,将其真正的图链接存在data-*中,通过监听滚动来判断图片是否进入视图中,来控制img标签src的值

2、懒加载

3、利用生命周期(组件发生改变前)

  shouldComponentUpdate(nextProps,nextState){
      if(nextProps.content !== this.props.content){
          return true
      }else{
          return false
      }
  }
4、使用异步加载、内存和缓存
5,事件函数的节流和防抖
  节流:规定在一个实践单位内只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效
  防抖:事件在被触发的n秒后再执行回调,如果在这n秒内又被触发,则重新计时
原文地址:https://www.cnblogs.com/xiaohaha668/p/13023108.html