- 博客(3)
- 收藏
- 关注
原创 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关注的人