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的出现就是为了解决这个问题。

上一篇下一篇

猜你喜欢

热点阅读