【AI交互的两种范式：Chat与Agent的本质差异】Chat（聊天）和Agent（智能体）代表了AI交互的两种核心模式：Chat是"问答响应"型，聚焦语言理解和文本生成，用户需逐步拆解任务；Agent则是"任务执行"型，能自主规划、调用工具并闭环处理复杂任务。关键差异体现在：1）从分步指导到目标驱动；2）从文字输出到实际操作系统；3）从单次响应到自主纠错。

/graphify是一个开源工具，专为AI编程助手设计，可将项目中的代码、文档、PDF、图片等资料转化为可视化知识图谱，帮助AI高效理解复杂项目。其核心优势包括：提供项目全局视角，减少无效Token消耗；支持36种编程语言及多模态文件分析；无需额外维护向量数据库，利用图拓扑聚类技术实现低成本知识关联。安装简单，支持命令如/graphify.（生成图谱）、/graphify query（语义查询）等

Angular项目中commonChunk的作用是优化代码拆分，通过提取公共依赖到单独文件来减少重复代码、提升缓存利用率和加载性能。它适用于多页应用和懒加载场景，配置在angular.json的optimization选项中。Angular8+后逐渐被SplitChunksPlugin替代，需注意权衡文件拆分粒度，生产环境默认启用该优化。

useEffect是React Hooks中处理副作用的钩子函数，用于执行数据获取、事件监听等非渲染相关操作。其基本结构包含副作用逻辑和可选的清理函数，通过依赖数组控制执行时机：空数组仅执行一次，包含依赖项则在值变化时重新执行。关键点包括避免无限循环、及时清理资源（如取消订阅）以及优化性能。典型用例包括API调用和事件监听，其中清理函数在组件卸载或依赖变化前执行，防止内存泄漏。正确使用useEff

React useRef Hook 摘要 useRef 是 React 的一个特殊 Hook，具有以下核心特性： 在组件重新渲染时保持引用不变 修改 .current 不会触发重新渲染 适合存储不需要触发渲染的可变值 主要使用场景： 访问和操作 DOM 元素 保存定时器、订阅等资源 缓存前一次的值 避免闭包陷阱 性能优化（缓存昂贵对象） 存储任何不需要触发渲染的可变数据 与 useState 不同

响应式设计（Responsive Design）是一种网页设计和开发的方法论，旨在使网站能够适应各种不同的设备和屏幕尺寸，包括桌面电脑、平板电脑和手机等移动设备。其核心理念是一个网站能够根据访问者的设备特性自动调整布局、内容和功能，以提供最佳的用户体验。

媒体查询（Media Queries）是用于在网页设计中根据用户设备的特征（如屏幕宽度、高度、设备类型等）来应用不同的样式表规则的技术。它允许开发者根据用户设备的特性动态调整网页的布局和样式，以提供更好的用户体验。：指定CSS样式应用的设备或媒体类型。allprintscreenspeech：指定CSS样式根据设备或环境的不同特性而应用或不应用。媒体特性必须用小括号括起来，并且包含一个或多个表达式

在组件的方法中，我们可以使用表单属性和方法来操作表单，比如在 `submitForm` 方法中，我们通过检查 `formGroup.valid` 属性来判断表单是否通过验证，并根据需要执行相应的逻辑。`resetForm` 方法用于重置表单的值，`touchForm` 方法用于将表单标记为已触碰。总结一下，`setValue` 方法只触发 `valueChanges` 事件，而 `patchVal

readOnly和disabled是两种在表单元素中设置的属性，用于控制用户对表单元素的操作权限。

1. Angular框架中的"Maximum call stack size exceeded"错误，原因是递归调用或组件循环引用；2. TypeScript编译问题，需检查tsconfig.json文件配置；3. Module Federation中的"Shared module not available"错误，需创建bootstrap.ts文件；4. React主应用加载Angular远程组