![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 78
winne雪
记录点滴~帮助你我他❥(づづ)╭❤~
展开
-
React中引入样式的5种方式(代码举例 & 优缺点)
1、引入外联样式2、内联样式3、声明式内联样式4、CSS Modules模块化5、CSS-in-JS模式(Styled-component)原创 2021-07-19 16:38:29 · 11297 阅读 · 1 评论 -
React Hook组件间传值的四种方式
父组件传值给子组件(props)父组件给后代组件传值(context)父组件调用子组件的函数(useImperativeHandle & forwardRef)子组件传值给父组件(回调函数)原创 2021-07-06 17:33:45 · 11113 阅读 · 3 评论 -
npm run eject后的create-react-app项目自定义eslint配置方式
前言:当我们需要对create-react-app项目的配置进行高度修改的时候,我们需要npm run eject,把配置文件都暴露出来。这时候如果我们想要在项目中配置自定义eslint,可以参照以下步骤进行。一、首先检查是否安装了 eslint和babel-eslint查看package.json文件,一般npm run eject之后都会看到已经安装了。如果尚未安装,则需要安装。全局安装:npm install eslint babel-eslint -g当前项目安装(推荐):npm原创 2021-05-10 17:56:04 · 999 阅读 · 1 评论 -
vue 和 react发展史、设计思想及维度
一、Vue和 React设计思路1、vue1.1 vue1.x只有响应式通知。1.2 vue2.x在vue1.x中如果项目很大的时候,响应式对象很多的时候就会导致性能很好,页面卡顿的情况,所以在vue2.x的时候引入了vdom。响应式和vdom进行配合,性能的到了很大的提升。那么如何配合呢?就是通过组件划分,组件之间通过响应式通知更新数据,组件内部通过vdom计算diff。vue2.x中vdom同级比较复杂数组结构时使用双端预判的算法,减少循环diff的次数。vue2.x中的静态标记只原创 2021-04-11 00:05:51 · 1161 阅读 · 2 评论 -
React项目开发过程中需要注意避免re-render——React性能优化方案
1、PureComponent和shouldComponentUpdate 2、多挖掘能使用useRef的地方3、正确使用useEffect的第二个参数4、使用React.memo来控制整个函数组件的渲染时机5、使用 useMemo() 进行细粒度性能优化6、useCallback7、避免更改你正用于 props 或 state 的值8、合理拆分组件9、其他非re-render的性能优化点原创 2021-04-01 17:50:50 · 1836 阅读 · 2 评论 -
js限制Promise“并发”的数量——React项目实践
前言:1、浏览器对同一域名下同一时间点的最大连接数做了限制,谷歌是6个,其他浏览器可百度查看相关资料。2、浏览器同一时间点内发送的请求过多,会导致请求很慢页面卡顿的情况解决问题1、封装限制Promise异步任务并发请求数核心函数也就两个。调用器:就是把真正的执行函数和参数传入,创建返回一个新的Promise,而这个新Promise的什么时候返回,取决于这个异步任务何时被调度。Promise内部主要就是创建一个任务,判断任务是执行还是入队。创建任务:实际上就是返回了一个函数,将真正的执行函数放在原创 2021-03-28 22:21:36 · 1065 阅读 · 0 评论 -
React项目中实现axios路由跳转取消上个路由页面的所有请求 和 取消当前路由页面的重复请求
一、 抛出问题1、当一个页面的请求过长时,点击了跳转路由到新的页面,但是上一个路由的请求结果在当前路由页面提示,非常难看且容易让客户混淆。(所以需要路由跳转取消上个路由页面的所有请求)2、在当前页面某个请求长时间没拿到返回结果,然后用户又点击发起了相同请求,这时有可能后发送的请求返回的数据被先发送的请求覆盖,这样就得不到最新请求数据了。(所以需要取消当前路由页面的重复请求,以保证后发送的请求返回的数据不会被先发送的请求覆盖)3、上面两种情况都会浪费网络资源二、解决问题1、我们在axios封装文件a原创 2021-03-28 21:17:47 · 3066 阅读 · 0 评论