摘要：
前言 useDeferredValue是react18新增的一个用于优化性能的一个hook，它的作用是延迟获取一个值，实际开发中的常规用法与我们之前所用的防抖和节流很相似，但是也有一定的区别。本篇文章我们就逐步分析它的设计原理和用法，并且讨论它与防抖节流的区别和它自身的优势。在讨论useDeferr 阅读全文
posted @ 2025-03-31 09:10
edgar-li
阅读(80)
评论(0)
推荐(0)
摘要：
多个相邻按钮切换效果出现边框重叠问题的解决方法下图所示的是一种常见的切换效果，在实现这种切换效果时，经常会遇到相邻按钮边框重叠的问题（查看demo），有没有好的解决方法呢？ 所出现的边框重叠问题： 目前，很多优秀的UI组件库都有这种切换效果的组件，通过对他们实现方式的学习，现对边框重叠问题的解决方法 阅读全文
posted @ 2023-05-29 15:02
edgar-li
阅读(441)
评论(1)
推荐(0)
摘要：
我们知道，对于子组件或者节点，如果是class类，存在实例，可以通过 React.createRef() 挂载到节点或者组件上，然后通过 this 获取到该节点或组件。 class RefTest extends React.Component{ constructor(props){ super( 阅读全文
posted @ 2023-05-16 10:23
edgar-li
阅读(1365)
评论(1)
推荐(2)
摘要：
记录一波自己在这段时间碰到的一个Ant Design Pro 的坑： 每次点击菜单都会将其他菜单自动收起来，导致一系列的用户体验不佳。 设置defaultOpenAll: true后依然不管用 经过各种查，官网并没有指出此设置，在我疯狂尝试后，发现如下解决方案（说起来也很简单就加一个值即可）： <P 阅读全文
posted @ 2022-11-29 09:54
edgar-li
阅读(423)
评论(0)
推荐(0)
摘要：
useMemo 把“创建”函数和依赖项数组作为参数传⼊入useMemo，它仅会在某个依赖项改变时才重新计算memoized 值。这种优化有助于避免在每次渲染时都进⾏行行⾼高开销的计算。 importReact, { useState, useMemo } from"react"; export de 阅读全文
posted @ 2022-08-17 16:28
edgar-li
阅读(590)
评论(0)
推荐(0)
摘要：
区别及适用场景 1.区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的J 阅读全文
posted @ 2020-03-31 17:31
edgar-li
阅读(3110)
评论(0)
推荐(2)
摘要：
最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下： 方法一：params传参： this.$router.push({ name:"admin", //这里的params是一个对象，id是属性名 阅读全文
posted @ 2020-03-05 12:15
edgar-li
阅读(10889)
评论(0)
推荐(0)
摘要：
如何渲染几万条数据并不卡住界面？ 如何在不卡住页面的情况下渲染数据，也就是说不能一次性将几万条 都渲染出来，而应该一次渲染部分 DOM，那么就可以通过 requestAnimationFrame 来 每 16 ms 刷新一次。 <!DOCTYPE html> <html lang="en"> <he 阅读全文
posted @ 2019-12-11 09:27
edgar-li
阅读(961)
评论(0)
推荐(1)
摘要：
基于ES6语法手写promise A+ 规范，源码实现 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; th 阅读全文
posted @ 2019-12-05 17:42
edgar-li
阅读(867)
评论(3)
推荐(0)
摘要：
当我们执行 JS 代码的时候其实就是往执行栈中放入函数，那么遇到异步代码的时候该怎么办？其实当遇到异步的代码时，会被挂起并在需要执行的时候加入到 Task（有多种 Task） 队列中。一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行，所以本质上来说 阅读全文
posted @ 2019-12-05 16:33
edgar-li
阅读(2287)
评论(0)
推荐(0)
浙公网安备 33010602011771号