2020-06-02
2020-06-02 本文已影响0人
黄鼠狼
component lifecycle hook 必考
mounting:初始化, updating:是否更新?render() , unmounting:component销毁
componentDidMount() render先跑,是否需要重新render ShouldcomponentUpdate()最重要 Ajax call可以写render()里,但render会调用很多次How to improve ur website performance?减少图片显示大小,用pure component
Pure compnent:减少加载次数,提高效率, avoid re-rendering
如果值相同,purecomponent不再重新加载shouldcomponentUpdate() 用true or false做update判断,值相同不update
Ref:用得不多,直接访问dom,没有virtual dom 啥事了
主要整合跟第三方的类库,做表单输入时常用,this.inputref = React.createRef() / this.inputref.current.value/focus
Minxins: 概率低
首先解释一下什么是Mixins,在一些大型项目中经常会存在多个组件需要使用相同的功能的情况,如果在每个组件中都重复性的加入相同的代码,那么代码的维护性将会变的非常差,Mixins的出现就是为了解决这个问题。