- 博客(3)
- 收藏
- 关注
RSS订阅原创 react 优化篇
react在父组件更新时，会去重新去渲染所有子组件。但是有一些例外1.showComponentUpdate hook 中返回false的组件（过去常用）2.使用pureComponent（进行浅比较，如果没有检测到变化就不重新渲染）（所以一般在setstate的时候，如果对象中也有其他属性存入了对象的地址，会进行浅复制，以节省性能。）3.使用memo(FC)方法（函数式组件的缓存）4.基于http的优化。（比如说文件名增加Hash，以使用强缓存。js文件的压缩，gzip，以及组件的异步加载等）
2021-07-11 23:32:18
104
1
原创 react hooks 简介
react hooks 是react为了替代高阶组件而制造的,可以理解为即插即用版本的state和setState，而Effect Hook 可以用来执行副作用操作。默认情况下，它在第一次渲染之后,每次更新之后都会执行。(供了类似 ComponentdidMount, ComponentDidUpdate, ComponentWillUnMount 的功能)import React, { useState, useEffect }from 'react';import ReactDom from
2021-07-11 23:20:29
107
原创 react 高阶组件 简介
react 高阶组件高阶组件的概念来自于高阶函数————可以接受函数作为参数/返回值的函数。高阶组件就是可以接受组件作为参数，返回组件的函数。用法很多，不过可读性较差。一般会这样用：实现判断权限，决定返回什么组件。实现数据处理之后再传递给（要被返回的）组件。实现装饰器模式的功能。实现数据请求和组件的分离。import React from 'react';import ReactDom from 'react-dom';function decorator (comp: React.F
2021-07-11 23:15:23
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人