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