- 博客(32)
- 收藏
- 关注
RSS订阅原创 React之旅-09 useMemo，优化计算性能的利器
React的useMemo Hook用于缓存计算结果，避免不必要的重复计算。当组件重新渲染时，如果依赖项未变化，useMemo会直接返回缓存值而非重新计算。这在处理复杂运算时特别有用，比如计算质数列表的场景。示例展示了当选择数字不变但时间频繁更新时，使用useMemo能有效避免重复计算质数，从而提升性能。useMemo接收计算函数和依赖项数组作为参数，仅当依赖项变化时才重新执行计算函数。这种优化可以显著减少计算开销，防止主线程阻塞。
2025-07-16 15:52:52
814
原创 React之旅-08 useEffect
React的useEffect钩子用于处理组件副作用操作。它接受两个参数：setup函数（可返回清理函数）和依赖项数组。当依赖项变化或组件首次挂载时触发setup函数，卸载时触发清理函数。典型使用场景包括：每次渲染执行（无依赖数组）、首次渲染执行（空数组）、特定状态变化执行（指定依赖项）以及清理副作用（返回清理函数）。合理使用useEffect可以有效管理组件生命周期中的副作用操作。
2025-07-16 08:30:35
282
原创 React之旅-07 useState
React中的useState Hook允许在组件中添加状态变量，需在顶层调用。基本用法为const [state, setState] = useState(initialState)，其中initialState可以是值或函数（作为初始化函数）。set函数不会立即改变当前状态，而是在下次渲染生效。更新对象或数组时需替换而非修改原值。为提高性能，可将昂贵的初始化逻辑作为函数传递给useState，这样React仅在初始渲染时调用它。注意不能在循环或条件中使用useState。
2025-07-15 09:03:18
334
原创 React之旅-05 List Key
React列表渲染中，使用数组索引作为key会在列表顺序变化时导致非受控组件状态异常。当列表反转时，原索引1的复选框状态会保留在新索引1的项目上，造成UI与数据不一致。解决方法是为每个列表项分配唯一稳定的标识符（如id）作为key，这样React能正确跟踪组件状态。仅在列表顺序和长度不变时，使用索引作为key才是安全的。
2025-07-11 11:13:19
342
原创 高效工具-markmap
摘要：markmap是一款开源工具，能将Markdown文件转换为思维导图，支持在VSCode中集成使用。用户可通过官网在线体验，或在VSCode安装插件后直接编辑Markdown文件并实时生成导图。生成的思维导图可导出为HTML或SVG格式，操作简单高效。
2025-07-09 15:33:32
202
原创 高效工具-GemDesign
GemDesign是一款AI驱动的原型设计工具，支持快速生成高保真交互原型。核心功能包括AI智能生成、多场景适用、设计优化及团队协作，适用于产品经理及中小团队。用户可通过官网免费体验，目前暂未公布收费模式。
2025-07-08 13:05:10
377
原创 高效工具-libretv
LibreTV 是一个轻量级、免费的在线视频搜索与观看平台，提供来自多个视频源的内容搜索与播放服务。无需注册，即开即用，支持多种设备访问。项目结合了前端技术和后端代理功能，可部署在支持服务端功能的各类网站托管服务上。
2025-06-20 08:50:57
405
原创 WIN10下，基于Docker搭建Kafka集群-续
WIN10下，基于Docker搭建Kafka集群，并使用Redpanda对集群进行后台管理。
2025-06-19 10:37:39
390
原创 高效工具-tldr
本文介绍了命令行工具tldr的安装与中文配置方法。针对命令行操作中英文帮助信息难懂的问题，推荐使用开源工具tldr获取简洁说明。文章详细讲解了通过npm安装tldr的步骤，并提供了配置中文语言包的具体操作：下载中文页面文件，替换默认英文帮助文档。最后展示了使用tldr查看git命令中文说明的效果，为命令行用户提供了实用的帮助工具解决方案。
2025-05-29 13:04:01
389
原创 Kafka 可视化工具-Offset Explorer
最近在研究Kafka，相应的可视化工具有好多，其中官方免费提供的Offset Explorer是首选，可是在下载时，速度特别慢，难以忍受。后来找了好多渠道，终于在csdn.net中找到了下载连接。为了方便小伙伴们使用，特将分享下载链接。
2025-03-28 09:31:26
475
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人