会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
行走的蒲公英
博客园
首页
新随笔
联系
管理
订阅
随笔- 89 文章- 0 评论- 13 阅读-
47097
随笔分类 -
react
Redux Thunk深入理解与使用指南
摘要:一、什么是 Redux Thunk? 在 React 应用中,Redux 是一个常用的状态管理工具。但 Redux 本身是一个纯同步状态管理工具,它的 dispatch 方法默认只支持同步操作。如果我们想要处理异步逻辑(如请求接口、延时操作等),需要使用中间件(middleware)。Redux T
阅读全文
posted @
2024-12-19 11:11
行走的蒲公英
阅读(236)
评论(0)
推荐(0)
编辑
React 合成事件
摘要:1. 什么是 React 合成事件? React 使用 SyntheticEvent 对原生事件进行封装,使得所有事件在不同浏览器中都具有相同的行为。这种封装提供了一致性和性能优化,开发者可以像使用原生事件一样使用 React 合成事件。 2. React 合成事件的特性 1. 跨浏览器兼容性 Re
阅读全文
posted @
2024-12-18 11:25
行走的蒲公英
阅读(42)
评论(0)
推荐(0)
编辑
setState执行机制
摘要:setState 是 React 类组件中用于更新组件状态的方法。根据执行的上下文环境,setState 的行为可能会表现出异步或同步的特性。具体区别如下: 1. 为什么 React setState 是异步的? React 的 setState 并不会立刻更新 state 和重新渲染组件,而是批量
阅读全文
posted @
2024-12-18 11:13
行走的蒲公英
阅读(38)
评论(0)
推荐(0)
编辑
前端代码0bug经验分享
摘要:如何写好代码其实是一个很大的话题,本次仅分享一些自己的经验之谈,有其他idea的欢迎交流 在我看来,写好代码更多的是逻辑思维的体现,而这,紧靠一两次分享是无法提高的,我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节,技术选型总是千变万化的,我们需要的是抓住不
阅读全文
posted @
2023-04-07 15:42
行走的蒲公英
阅读(84)
评论(0)
推荐(1)
编辑
图片全屏预览
摘要:使用到ahooks里面的 useFullscreen, https://ahooks.js.org/zh-CN/hooks/use-fullscreen/#usefullscreen-demo2 直接上代码了 import { useFullscreen } from 'ahooks'; impor
阅读全文
posted @
2023-04-07 14:58
行走的蒲公英
阅读(38)
评论(0)
推荐(0)
编辑
react封装图片上传组件
摘要:支持表单受控和非受控使用,基于antd upload 进行的二次封装, 使用场景如下图: 1.组件文件夹 2. index.tsx贴代码 import React, { useEffect, useMemo, useState } from 'react'; import { ImageFilesW
阅读全文
posted @
2023-02-27 14:48
行走的蒲公英
阅读(827)
评论(0)
推荐(0)
编辑
react 获取文件流导出功能
摘要:记录一下: 根据后台接口返回的文件流,前端实现导出下载,使用(react+ts) 1.请求方法 (这里写法绕开拦截器) // 导出日志 export async function exportLog(data: ILogparams) { const url = getRequestUrl(API.
阅读全文
posted @
2023-02-20 09:56
行走的蒲公英
阅读(495)
评论(0)
推荐(0)
编辑
React Key的作用
摘要:一、key的作用: 1. 主要是对DOM渲染的性能优化,用来减少没必要的diff算法对比。当列表顺序发生改变时,如果不加key,不管数据是否发生改变,所有列表元素都会重新渲染,当列表元素没有发生改变时,值是在末尾产生新的元素,此时key的值加不加都是可以的,React只会渲染最后一个元素。如图: 假
阅读全文
posted @
2023-02-02 11:26
行走的蒲公英
阅读(626)
评论(0)
推荐(0)
编辑
react常见bug - 查询条件变化,但page未重置为1
摘要:问题1.多次触发请求,且存在潜在的竞态问题 const [page, setPage] = useState(1); const [keyword, setKeyword] = useState(''); useEffect(() => { // do request }, [page, keywo
阅读全文
posted @
2023-02-02 11:06
行走的蒲公英
阅读(68)
评论(0)
推荐(0)
编辑
react-signature-canvas 签名功能
摘要:基于移动端需要扫码签名的功能,这里记录一下。 1、使用 react-signature-canvas 插件,npm i react-signature-canvas --save 2、此功能签名后生成的图片是base64格式,如需其他格式,可参考文档修改 3、封装的组件代码 import { Sig
阅读全文
posted @
2022-08-03 11:22
行走的蒲公英
阅读(1540)
评论(0)
推荐(0)
编辑
react-slider实现彩色可拖动滑块
摘要:先说明下需求:-UI设计如图(需要实现的效果):可拖动滑块,对应百分比,以及对应css宽度。 实现步骤: 第一步:npm下载安装react-slider: npm install --save rc-slider 第二步:组件页面引入: import Slider, { Range } from "
阅读全文
posted @
2021-09-07 15:44
行走的蒲公英
阅读(1591)
评论(0)
推荐(0)
编辑
useContext和useReducer配合管理公共数据
摘要:说明:现有一个小需求,切换全局社区id,页面全部数据都相应切换。选择其中一种实现方式就是使用useContext和useReducer配合管理这个公共数据id。 以下是大概步骤: 1. 新建GolobalID.tsx文件,贴代码: import { createContext, useReducer
阅读全文
posted @
2021-08-27 11:23
行走的蒲公英
阅读(209)
评论(0)
推荐(0)
编辑
react实现文字垂直轮播
摘要:说明:使用antd组件走马灯,附上api链接:https://react-slick.neostack.com/docs/example/pause-on-hover 1. 第一步:下载安装: npm install react-slick --save npm install slick-caro
阅读全文
posted @
2021-08-17 14:52
行走的蒲公英
阅读(1397)
评论(0)
推荐(0)
编辑
公告
昵称:
行走的蒲公英
园龄:
4年4个月
粉丝:
7
关注:
1
+加关注
<
2025年2月
>
日
一
二
三
四
五
六
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
随笔分类
css布局(5)
elementui(7)
js基础(29)
nginx(1)
react(13)
uniapp(5)
vue(16)
工具方法(21)
前端工程化(7)
前端面试题(13)
微信小程序(1)
随笔档案
2024年12月(13)
2024年9月(1)
2024年8月(6)
2024年7月(9)
2024年6月(3)
2024年5月(6)
2024年4月(3)
2024年3月(15)
2024年1月(7)
2023年12月(2)
2023年4月(2)
2023年2月(6)
2022年8月(3)
2022年4月(3)
2021年9月(1)
2021年8月(2)
2021年7月(6)
2020年11月(1)
阅读排行榜
1. 前端使用大模型DeepSeek(5095)
2. vue图片上传(支持单个、批量)(4338)
3. 前端使用StreamSaver.js流式下载大文件(2891)
4. vue3+element plus 判断文字是否溢出,溢出显示el-tooltip(1924)
5. vue3+element plus表格实现单选功能(1865)
评论排行榜
1. fullcalendar-vue3插件实现时间资源图(7)
2. 前端使用大模型DeepSeek(4)
3. FullCalendar插件js原生用法(2)
推荐排行榜
1. 前端代码0bug经验分享(1)
最新评论
1. Re:前端使用大模型DeepSeek
@yi-sheng 全是前端的。我在项目里面用的。如果单独在js文件里面用,调用模型,要用到发请求的库,比如axios...
--行走的蒲公英
2. Re:前端使用大模型DeepSeek
博文介绍全是前端代码么?需要引用哪些js文件
--yi-sheng
3. Re:前端使用大模型DeepSeek
@yi-sheng 我这里后端用的python...
--行走的蒲公英
4. Re:前端使用大模型DeepSeek
学习了,谢谢。
请教后台代码是什么语言
--yi-sheng
5. Re:fullcalendar-vue3插件实现时间资源图
@ColaMan 应该是的哈...
--行走的蒲公英
点击右上角即可分享