- 博客(21)
- 收藏
- 关注
RSS订阅原创 实现ProTable表格自动滚动—使用requestAnimationFrame替代setInterval
该代码实现了一个平滑滚动的React表格组件，主要特点包括：1.使用requestAnimationFrame替代setInterval实现更流畅的动画效果；2.基于时间的滚动速度控制，确保不同刷新率下滚动一致；3.智能重置逻辑，滚动到底部时自动跳回顶部；4.精确控制滚动条件，数据量≤5条或内容未溢出时停止滚动；5.鼠标悬停暂停、离开恢复的交互设计；6.完善的性能优化，包括动画帧管理、状态清理等。组件通过ProTable实现，支持自定义样式和行高亮，适合展示中等规模数据列表。
2025-07-30 16:16:25
302
原创 实现ProTable表格自动滚动—setInterval实现
本文介绍了一个基于React和Ant Design的自动滚动表格组件AutoScrollTable的实现。该组件通过useRef和useEffect实现表格内容自动上下滚动功能，支持鼠标悬停暂停滚动。组件特点包括：1) 使用setInterval实现平滑滚动效果；2) 滚动到底部自动回到顶部循环；3) 通过CSS定制表格样式，包括斑马纹、表头固定和悬停效果；4) 移除了默认的表格边框和分隔线，采用深色主题。该组件适用于需要展示大量数据并实现自动滚动的场景，通过优化交互体验提升了数据展示效果。
2025-07-29 13:57:59
327
原创 react 实现告警铃铛触发警报
该代码实现了一个React告警通知组件，包含以下功能：1. 通过图标和颜色区分不同级别告警（严重/错误/警告/信息）；2. 顶部显示各级别告警统计数量；3. 支持声音提醒（可开关）；4. 每5秒自动刷新告警数据；5. 最多显示5条最新告警，可点击查看详情；6. 提供"查看全部"跳转按钮。组件使用Ant Design UI库构建，包含徽章计数、弹出框、列表等交互元素，适用于监控系统的实时告警展示需求。
2025-07-29 10:25:19
236
原创 使用jspdf html2canvas实现React网页转换为pdf
该代码实现了将HTML内容导出为PDF的功能，主要包含以下要点：1) 使用React的useRef和useState管理DOM引用和状态；2) 通过html2canvas库将HTML内容转为Canvas图像；3) 使用jsPDF处理PDF分页和导出；4) 实现分页渲染逻辑，根据内容高度计算分页位置；5) 包含加载状态和进度显示功能；6) 提供错误处理机制。代码考虑了大内容分页、图像质量优化(scale=4)以及原始DOM状态的恢复。
2025-07-17 18:02:25
131
原创 react fetch下载中文文件命名乱码
摘要：本文介绍了一个用于文件下载的异步函数postDownload，该函数通过GET请求获取文件数据，并处理响应头中的Content-Disposition字段来解析文件名。主要特点包括：1)支持RFC5987标准的UTF-8编码文件名解析；2)兼容常规文件名格式；3)自动处理百分号编码；4)通过创建临时链接实现文件下载，并在完成后自动清理资源。函数还包含错误处理机制，会在下载失败时显示错误提示。该实现考虑了不同编码格式的文件名处理，确保下载文件的名称正确显示。
2025-07-04 16:02:45
120
原创 ant v g6 实现三层网络拓扑
摘要：本文实现了一个基于AntV G6的React网络图组件，支持节点、边和组合的渲染与交互。组件主要特性包括：1) 支持自定义节点样式和内容；2) 提供迷你地图和hover提示功能；3) 采用Dagre布局自动排列节点；4) 点击节点可获取ID并触发回调；5) 数据变化时自动更新视图。通过ReactNode扩展实现了带图片的自定义节点渲染，并配置了详细的tooltip信息展示功能。
2025-06-13 14:08:14
321
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人