React
React 中集成 heatmap.js 的容器获取与数据同步问题

深入解析在 React 中集成 heatmap.js 时面临的真实 DOM 容器获取时机、尺寸计算、React 18 StrictMode 双挂载以及动态数据同步与响应式重绘问题,提供生产级封装方案与工程化避坑清单。

2026-11-03 08:53:46
205
巡夜人
React 中集成 heatmap.js 的容器获取与数据同步问题
在Vue或React项目中封装使用layer.js的策略

系统讲解在Vue与React项目中封装layer.js的工程策略,解决声明式虚拟DOM与命令式原生弹窗的冲突,涵盖Promise封装、动态容器挂载、上下文传递与生命周期卸载防护。

2026-11-03 08:28:21
401
代码拾荒
在Vue或React项目中封装使用layer.js的策略
利用xlsx.js读取excel文件的详细过程

本文详细介绍如何使用xlsx.js结合antd Upload组件的customRequest方法读取Excel文件。重点解析FileReader的readAsArrayBuffer与readAsBinaryString方法差异,以及通过xlsxUtils.sheet_to_json将二进制数据转换为对象数组的完整流程,帮助开发者实现高效的Excel数据解析。

2026-10-31 20:07:04
336
小积木
React 脚手架 Create React App 使用详解

本文详细介绍 React 官方脚手架 Create React App 的核心优势与使用方法。涵盖通过 npx 或 npm 创建项目、解析标准目录结构、掌握常用开发命令,以及配置 package.json 和 tsconfig.json 等关键步骤。旨在帮助开发者快速搭建零配置的现代 React 应用环境,提升开发效率。

2026-10-31 17:53:01
595
远帆
React项目中使用openapi-typescript-codegen自动生成API客户端

本文介绍openapi-typescript-codegen工具,该工具根据OpenAPI规范自动生成TypeScript类型定义和API客户端代码。通过配置input、output及client参数,可快速生成与axios等库兼容的请求代码,支持自定义request.ts文件以复用拦截器,确保前后端接口同步且类型安全,显著提升React项目中的开发效率。

2026-10-31 17:00:55
413
青柠
Ant Design Table组件rowSelection多选配置:正确设置rowKey解决选择异常

本文针对Ant Design Table组件在使用rowSelection实现多选功能时,因未明确指定rowKey导致的默认选择或状态同步异常问题,提供了基于React的解决方案。通过显式配置rowKey属性指向数据唯一标识(如id),可确保选择逻辑与数据模型一致,避免官方文档未明确说明的潜在陷阱。

2026-10-31 15:19:31
275
小齿轮
JS前端文件读取FileReader操作方法总结

本文详细解析了JavaScript中FileReader对象的用法,涵盖readAsArrayBuffer、readAsText及readAsDataURL三种核心读取方法,以及error、readyState和result属性。文章通过示例演示了如何异步处理文件数据、监听加载事件,并提供了基于React和Ant Design Upload组件实现图片预览与Base64提交的实际代码方案。

2026-10-31 15:12:21
582
晴川
浅聊一下为什么能用RxJS取代Redux

本文探讨为何RxJS能作为Redux的替代方案。通过对比两者在数据流处理上的差异,重点解析如何利用RxJS的BehaviorSubject实现Store,并结合React Hooks封装全局状态管理。文章还展示了异步任务处理的最佳实践,分析其优缺点及适用场景,帮助开发者评估技术选型。

2026-10-31 11:44:56
156
小齿轮
JavaScript 使用 showdown 实现 markdown 预览功能

本文详细介绍如何在 JavaScript 项目中集成 Showdown.js 库,实现 Markdown 文本到 HTML 的实时预览。内容涵盖通过 npm 或 CDN 安装、基础 API 使用、表格等高级配置、自定义扩展开发,以及如何在 React 框架中构建动态 Markdown 编辑器组件。

2026-10-31 11:28:47
657
组件日常
React项目中利用jsdiff实现文本差异对比功能

本文介绍在React内部系统中,如何利用jsdiff库实现发版记录的文本差异对比功能。通过封装组件处理diffChars方法,并解决换行符渲染问题,帮助开发者快速掌握前后端文本变更展示方案。

2026-10-31 09:14:30
302
小积木
JS实现滚动容器自动滚动到底部的完整方案

本文详细介绍如何在JavaScript中通过修改scrollTop属性使滚动容器默认显示底部内容,并提供React结合Ant Design组件的具体实现代码。涵盖CSS样式配置、DOM操作逻辑及常见应用场景,帮助开发者快速构建自动滚动的对话界面。

2026-10-31 07:10:05
293
渲染笔记
详解 Immutable Data 与 immutable.js 在 React 中的性能优化实践

本文深入解析 Immutable Data 的核心概念,指出传统 deep clone 的性能瓶颈,并介绍 immutable.js 如何通过结构共享解决该问题。结合 React 框架特性,阐述为何在 state 更新检测中引入 immutable.js 能弥补 PureRenderMixin 浅比较的不足,从而显著提升应用性能。

2026-10-31 00:18:26
637
缓存笔记