1、图片占位符
将视图之外的图片都用同一个占位图进行占位,将其真正的图链接存在data-*中,通过监听滚动来判断图片是否进入视图中,来控制img标签src的值
2、懒加载
3、利用生命周期(组件发生改变前)
shouldComponentUpdate(nextProps,nextState){
if(nextProps.content !== this.props.content){
return true
}else{
return false
}
}
4、使用异步加载、内存和缓存
5,事件函数的节流和防抖
节流:规定在一个实践单位内只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效
防抖:事件在被触发的n秒后再执行回调,如果在这n秒内又被触发,则重新计时