react

Canvas架构手记 07 状态管理 | 组件通信 | 控制反转本文主要系统复盘bug修复过程中用到的核心知识和业务逻辑。useState – React 中文文档对 state 进行保留和重置 – React 中文文档

Django与前端框架集成：Vue.js、React的完美配合『宝藏代码胶囊开张啦！』—— 我的 CodeCapsule 来咯！✨写代码不再头疼！我的新站点 CodeCapsule 主打一个 “白菜价”+“量身定制”！无论是卡脖子的毕设/课设/文献复现，需要灵光一现的算法改进，还是想给项目加个“外挂”，这里都有便宜又好用的代码方案等你发现！低成本，高适配，助你轻松通关！速来围观 👉 CodeCapsule官网

前端通用submit方法/**封装公共的submit方法（适配场景中）Tong */ export const handleSubmit = ( form: any, record: any, onCallback: any, setVisibleModal: any, saveModel: any, dateFields?: string[], // 添加日期字段名数组参数 labelInValueFields?: string[], // 添加 labelInValue 字段名数组参数 multipleFields?: st

在未来等你

AI Agent设计模式 Day 19：Feedback-Loop模式：反馈循环与自我优化【AI Agent设计模式 Day 19】Feedback-Loop模式：反馈循环与自我优化在“AI Agent设计模式实战”系列的第19天，我们将深入探讨Feedback-Loop（反馈循环）模式——一种通过持续收集外部或内部反馈信号，驱动Agent动态调整行为、策略和内部状态，从而实现自我优化的核心机制。该模式广泛应用于对话系统调优、任务执行修正、用户偏好建模、模型微调等场景，是构建具备长期适应性和进化能力智能体的关键技术路径。尤其在复杂、动态、不确定的真实环境中，Feedback-Loop模式能够显

A3608_（韦煜粮）

深入理解React Hooks设计哲学与实现原理：从闭包陷阱到并发模式本文通过剖析React Hooks的设计思想、实现原理和最佳实践，帮助开发者从根本上理解Hooks的工作机制，避免常见陷阱，并掌握在并发模式下的正确使用方式。

React 性能优化之Fiber 架构深度解析：从堆栈调和到增量渲染的革命在Fiber之前，React使用递归方式进行虚拟DOM的diff和更新。代码大致是这样的：问题所在：这个递归过程是不可中断的。一旦开始diff一颗大型组件树，JavaScript线程会被长时间占用，导致页面卡顿。

React 18 源码解读（一）React 工程项目使用 Monorepo 架构进行管理，因为 React 团队为了将不同职责包拆分，使得源码更具可读性与维护性。所以我们在开始看 React 源码之前，需要先稍微熟悉一下 Monorepo 架构，与 React 整体分包设计。

React 中什么是可中断更新？在 React 中，可中断渲染是指 React 能够在处理较长渲染任务时暂时中断当前的渲染工作，去处理更高优先级任务，高优先级任务执行完后，再回来继续完成之前未完成的渲染。这是 React 的一种优化技术，旨在提高应用的响应速度和用户体验。

人工智能训练

前端框架选型破局指南：Vue、React、Next.js 从差异到落地全解析在前端开发的技术浪潮中，“选对框架” 往往是项目成功的第一步 ——Vue 的 “低门槛友好”、React 的 “高灵活跨端”、Next.js 的 “全栈优化”，看似各有所长，实则暗藏适配边界。若盲目跟风选型，轻则陷入 “配置泥潭”，重则导致 “后期重构”。本文将从定位差异、语法特性、优劣势、业务场景、开发环境五大维度，用 “代码 + 案例” 拆解三者核心区别，帮你精准匹配业务需求，避开选型雷区。

React中Context 的作用及原理React 中的 Context 提供了一种在组件树中传递数据的方法，而无需手动通过每个层级的 props 传递。它特别适合于全局状态的管理，如用户认证信息、主题设置或语言选择等。

一只小阿乐

react 中的判断显示正常比如说我有一个订单状态我在vue中可能 orderStatus == 1 已支付 orderStatus == 2 已提交 orderStatus == 3 已下单 orderStatus == 4 已发货

用LangChain1.0搭建第一个天气查询智能体从2025年10月18日LangChain正式发布了V1.0.0版本，这个版本可谓改动较大，但是对于开发人员受益颇多。 LangChain v1.0对命名空间进行了大刀阔斧的精简，将核心功能聚焦于Agent开发所需的基础组件，而将 legacy 功能迁移至langchain-classic包。这种精简带来了三个显著好处：

在未来等你

AI Agent设计模式 Day 7：Tree-of-Thoughts模式：树形思维探索欢迎来到“AI Agent设计模式实战”系列的第7天！今天我们将深入探讨Tree-of-Thoughts（ToT）模式——一种突破传统线性推理限制、通过树形结构探索多种思维路径的高级Agent设计范式。在面对复杂问题（如数学证明、代码生成、战略规划等）时，单一推理链往往容易陷入局部最优或逻辑死胡同，而ToT通过构建并行的思维分支，在多个可能性之间进行广度优先或深度优先搜索，显著提升了问题解决的成功率和鲁棒性。

一只小阿乐

react 点击事件注意事项使用react 在给标签绑定点击事件的时候有参数一般需要使用箭头函数的形式当然有其他的方式去写这个

一只小阿乐

前端react 开发图书列表分页我最近刚开始使用react 进行实际的企业项目开发网文系统我平常使用vue多最近突然猛地一用 react 说实话多少有点不熟练所以我现在开始一步一步总结

PDF文档导出分页功能实现天呢这个功能写了好久…需求是页面上有一个简历预览，然后这个简历要能导出pdf。前端用的是react和typescript，最开始想用react-pdf来做简历导出，光中文字体就调了老半天（见我另一篇博客【已解决】@react-pdf/renderer 导出PDF时发生错误: Error: Could not resolve font for NotoSansSC, fontWeight 400） react-pdf确实能成功导出pdf，但问题是

在未来等你

AI Agent设计模式 Day 5：Reflexion模式：自我反思与持续改进【AI Agent设计模式 Day 5】Reflexion模式：自我反思与持续改进在“AI Agent设计模式实战”系列的第5天，我们深入探讨 Reflexion 模式——一种通过自我反思实现持续改进的智能体设计范式。该模式源于人类认知中的元认知（metacognition）机制，允许Agent在执行任务后评估自身行为、识别错误并生成改进建议，从而在后续尝试中提升性能。Reflexion 特别适用于需要多轮试错、复杂推理或高准确率保障的场景，如代码生成、数学证明、自动化测试和客户服务对话系统。本文将从原理

阿桂有点桂

React使用笔记（持续更新中）文件结构：根目录（项目名）|-config|-config.jsx|-src|-taskpane|-components

在未来等你

AI Agent设计模式 Day 2：Plan-and-Execute模式：先规划后执行的智能策略【AI Agent设计模式 Day 2】Plan-and-Execute模式：先规划后执行的智能策略在“AI Agent设计模式实战”系列的第二天，我们将深入探讨 Plan-and-Execute（规划-执行）模式。该模式通过将复杂任务拆解为结构化子目标，并分阶段完成“规划”与“执行”，显著提升了Agent在多步骤、高不确定性场景下的鲁棒性与可解释性。相较于ReAct等边推理边行动的模式，Plan-and-Execute更适合需要全局视野的任务，如项目管理、自动化运维、科研实验设计等。本文将从理论基础、架

在未来等你

AI Agent设计模式 Day 3：Self-Ask模式：自我提问驱动的推理链欢迎来到“AI Agent设计模式实战”系列的第3天！在前两天我们分别探讨了ReAct模式（推理与行动结合）和Plan-and-Execute模式（先规划后执行）之后，今天我们聚焦于一个极具启发性的基础设计模式——Self-Ask模式（自我提问模式）。该模式通过让大语言模型（LLM）主动提出中间问题（follow-up questions），并逐步回答这些问题，最终构建出完整的推理链，从而显著提升复杂问答任务的准确率与可解释性。