摘要：
1.jsx jsx：是一个javaScript的语法扩展，在react中配合使用jsx,可以更好的表述界面，表示ui页面及页面的一些变量 const element = <h1>Hello, world!</h1>; babel会把jsx转义成React.createElement()函数调用 co 阅读全文
posted @ 2022-07-06 18:17
千亿昔
阅读(36)
评论(0)
推荐(0)
摘要：
防抖与节流是常用的前端优化方式，这里对防抖节流进行个人总结。 防抖：防抖就是在一段时间内只会触发一次事件，并在setTimeout后延时一段时间后触发 debounce = (fn, wait) => { let timer = null return function () { if (timer 阅读全文
posted @ 2022-06-21 18:00
千亿昔
阅读(63)
评论(1)
推荐(1)
摘要：
问题回顾：（工作中突现历史遗留问题，当路由跳转后，通过this.props.dispatch(routerRedux.push({ pathname: '/order/orderDetail', search: queryString.stringify(params) }))，但是跳转的页面thi 阅读全文
posted @ 2022-06-17 17:43
千亿昔
阅读(443)
评论(3)
推荐(0)
摘要：
table展示是经常要使用的数据展示，这边看一下源码实现。 antd 实现效果如下： 第一层 InternalTable: return ( <div ref={ref} className={wrapperClassNames} style={style}> // wrapperClassName 阅读全文
posted @ 2022-06-14 14:37
千亿昔
阅读(1131)
评论(0)
推荐(0)
摘要：
在日常的项目开发过程中，基本上很少自己写组件，都是使用现成的antd组件库，用起来确实比较方便。 知其然更要知其所以然！ 这边来看看Modal实现的源码分析~ 第一层： index.tsx（给modal上增加一些方法，Modal.info, Modal.success........） 返回conf 阅读全文
posted @ 2022-06-13 18:23
千亿昔
阅读(2150)
评论(0)
推荐(0)
摘要：
在日常的代码编程过程中，真的发现react真的一直在rendering,导致页面渲染性能变差。有时自己在写代码过程中没注意到这个方面，毕竟父子组件的嵌套，有时别的页面的props变化，会导致该页面的props变化，导致重复render.所以这边希望能对这个进行优化总结。 1.shouldCompon 阅读全文
posted @ 2022-06-13 16:17
千亿昔
阅读(105)
评论(1)
推荐(0)
摘要：
后台管理系统，对路由缓存相关进行整理一下 首先，这边实现了，路由缓存功能，对于已经出现过的路由进行缓存（display: 'none'） 但是发现在切换页面过程中，页面有点卡顿，所以这边把代码流程梳理一下。 <Fragment> <Route exact path='/' render={() => 阅读全文
posted @ 2022-06-08 18:08
千亿昔
阅读(132)
评论(2)
推荐(0)
摘要：
虽然日常开发中并没有直接接触到框架，但是思想也是方方面面的涉及到开发思路中。总是对几种架构迷迷糊糊，这边对于一些架构进行总结整理！ MVC架构 mvc中有三个角色： view:视图层，界面显示层 controller:控制层，对于数据进行操作 model:数据层，负责管理程序需要的数据 整个过程就是 阅读全文
posted @ 2022-06-08 10:29
千亿昔
阅读(165)
评论(1)
推荐(0)
摘要：
项目背景：react项目使用Route进行路由切换，需求是不同的路由切换后，页面进行缓存，重新切换页面之后，使用缓存的页面不再重新请求接口数据 原本实现：原来没有实现路由缓存，然后实现了操作页面dom进行display:none来进行页面隐藏，实现上述要求 优化：使用react-keepalive- 阅读全文
posted @ 2022-06-07 15:43
千亿昔
阅读(3206)
评论(0)
推荐(0)
浙公网安备 33010602011771号