在使用 Signals 时，组件的变更检测策略如何与 signals 响应性协同工作？
解释 Signals 与 OnPush 变更检测的协作机制：信号写入标记依赖视图，变更检测周期执行视图刷新。澄清信号不自动更新 DOM，而是依赖框架调度，并指出 Default 策略下信号本身不触发检查，难以借此缩小扫描范围。
核心关键词Signals 变更检测策略 响应性 协同
面试知识索引 · 分类、标签与搜索
响应式与性能专题面试题，31 道完整答案
响应式与性能专题面试题第 1 页，显示第 1–31 题，共找到 31 道完整解析，可继续按分类、标签与关键词缩小范围。
31筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
computed 里能否包含异步逻辑？如果不能，应如何设计以支持异步数据的响应式计算？
围绕“computed 里能否包含异步逻辑？如果不能，应如何设计以支持异步数据的响应式计算”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须明确 computed 不能包含异步操作，必须改用 resource + signal 依赖方式实现异步计算。
核心关键词Signals computed 异步逻辑 限制 设计替代方案 - 0003
Signals 里的 computed 出现循环依赖时会怎样？如何通过设计规避此类问题？
围绕“Signals 里的 computed 出现循环依赖时会怎样？如何通过设计规避此类问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出运行时会抛出错误，且无法通过延迟求值或惰性加载解决，只能重构依赖结构。
核心关键词Signals computed 循环依赖 检测机制 设计规避 - 0004
computed 为何能实现缓存？其缓存策略是否受外部状态影响？
围绕“computed 为何能实现缓存？其缓存策略是否受外部状态影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释缓存基于依赖集合不变性，当依赖未变时返回旧值，不受非依赖变量影响。
核心关键词Signals computed 缓存机制 依赖变化 跨信号影响 - 0005
computed 里修改可变对象（如数组或对象）是否会影响依赖追踪？
围绕“computed 里修改可变对象（如数组或对象）是否会影响依赖追踪”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明即使对象被修改，只要其引用未变，就不会触发重新计算，但外部观察者仍可能看到变化。
核心关键词Signals computed 可变对象 修改 依赖追踪 影响 - 0006
computed 里嵌套使用其他 computed 时，依赖图如何构建？是否会产生冗余计算？
围绕“computed 里嵌套使用其他 computed 时，依赖图如何构建？是否会产生冗余计算”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明依赖图会合并所有子 computed 的依赖，若父 computed 依赖不变，子计算也不重新执行，无冗余。
核心关键词Angular Signals computed 嵌套 依赖图 构建 冗余计算 - 0007
computed 里对可能为空的信号进行操作时，如何避免运行时错误？
围绕“computed 里对可能为空的信号进行操作时，如何避免运行时错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明应显式处理 null/undefined，如使用 ?? 或条件判断，不能假设信号始终有值。
核心关键词Signals computed 空值处理 防空检查 逻辑安全 - 0008
computed 依赖的结构变化（如数组长度改变）是否一定会触发重新计算？
围绕“computed 依赖的结构变化（如数组长度改变）是否一定会触发重新计算”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明只要依赖项发生变化，无论类型如何，都会触发重新计算，包括数组长度变化。
核心关键词Signals computed 结构变化 数组长度 变化 触发重新计算 - 0009
Angular Signals 里的 computed 与 JavaScript memoized 函数有何本质区别？
围绕“Angular Signals 里的 computed 与 JavaScript memoized 函数有何本质区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 computed 是基于依赖图的自动追踪，而 memo 函数依赖函数自身逻辑，无法感知外部 signal 变化。
核心关键词Signals computed vs JavaScript memo 函数 依赖追踪 差异 - 0010
effect 里等待异步操作完成后再执行后续逻辑，应如何实现？
围绕“effect 里等待异步操作完成后再执行后续逻辑，应如何实现”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明需使用 await 且确保 effect 内部逻辑是异步的，否则无法等待，不能依赖 signal 变化顺序。
核心关键词Angular Signals effect 异步完成 后续逻辑 顺序执行 - 0011
effect 为何应避免用于简单状态更新？有何替代方案？
围绕“effect 为何应避免用于简单状态更新？有何替代方案”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明应使用 signal 更新而非 effect，effect 仅用于副作用，如日志、通知、异步操作。
核心关键词Signals effect 简单状态更新 替代方案 - 0012
effect 里需要防抖时，应如何实现？是否可以用 setTimeout 代替？
围绕“effect 里需要防抖时，应如何实现？是否可以用 setTimeout 代替”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明可使用 setTimeout + 取消机制，但需注意信号变化期间可能堆积任务，应使用 takeUntil 防止累积。
核心关键词Angular Signals effect 防抖 实现方式 setTimeout 替代 - 0013
effect 在组件销毁后是否仍会执行？如何防止？
围绕“effect 在组件销毁后是否仍会执行？如何防止”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明若未显式取消，会在销毁后继续执行，必须使用 takeUntil(componentDestroyed) 或 onDestroy。
核心关键词Angular Signals effect 组件销毁后执行 防止机制 - 0014
effect 中引用了外部变量但未显式依赖信号，是否会触发变更检测？
围绕“effect 中引用了外部变量但未显式依赖信号，是否会触发变更检测”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须强调除非变量是 signal，否则不会被追踪，即使变量变化也不会触发 effect，需显式依赖。
核心关键词Angular Signals effect 隐式依赖 未声明依赖 变更检测触发 - 0015
effect 内部能否访问注入器？若能，如何确保其生命周期与依赖注入上下文一致？
本题解释 effect 能否访问注入器及生命周期一致性。结论：在注入上下文创建 effect 后，回调内可安全用 inject()；生命周期自动绑定创建环境。本文详解机制、工程场景、失败边界与误区。
核心关键词Signals effect 注入器 生命周期 上下文一致性 - 0016
effect 里记录日志时，如何避免因频繁触发导致性能下降？
围绕“effect 里记录日志时，如何避免因频繁触发导致性能下降”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明应使用防抖或仅在特定条件下输出，不能在每次触发都写入 console，需控制输出频率。
核心关键词Signals effect 日志 频繁触发 性能优化 - 0017
effect 如何与 RxJS Observable 集成？如何避免多次订阅？
围绕“effect 如何与 RxJS Observable 集成？如何避免多次订阅”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明应使用 takeUntil 从 destroy$ 消费，或使用 async pipe 间接绑定，不能直接订阅而不清理。
核心关键词Signals effect RxJS Observable 集成 多次订阅 避免 - 0018
effect 在响应式数据流中为何不能用于返回值？其副作用如何影响变更检测流程？
围绕“effect 在响应式数据流中为何不能用于返回值？其副作用如何影响变更检测流程”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须强调 effect 仅用于副作用，返回值无效且可能干扰依赖追踪。
核心关键词Signals effect 副作用 变更检测 流程 - 0019
effect 是否总是同步执行？在什么情况下会延迟执行？
围绕“effect 是否总是同步执行？在什么情况下会延迟执行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 effect 在 signal 变化时立即执行，但若在变更检测阶段内多次修改，会合并执行一次，非延迟。
核心关键词Signals effect 同步执行 延迟执行 场景 - 0020
resource 用于加载异步数据时，如何处理请求失败或网络中断？
围绕“resource 用于加载异步数据时，如何处理请求失败或网络中断”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 resource 支持异常捕获并返回错误状态，可通过 error 属性判断，不依赖外部 try/catch。
核心关键词Signals resource 异步数据 失败处理 网络中断 - 0021
resource 缓存的数据在什么条件下会被清除？是否支持手动清除？
围绕“resource 缓存的数据在什么条件下会被清除？是否支持手动清除”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明缓存由依赖变化触发，无主动清除接口，需通过重新调用资源或使用 new 资源实例实现。
核心关键词Angular Signals resource 缓存 清除策略 手动清除 - 0022
resource 何时应按条件加载？如何确保条件改变时触发新请求？
围绕“resource 何时应按条件加载？如何确保条件改变时触发新请求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明条件必须作为参数传入，且参数变化会触发资源重建，否则不会重新请求。
核心关键词Angular Signals resource 条件加载 依赖变化 新请求 触发 - 0023
resource 如何实现延迟加载？是否支持懒加载？
围绕“resource 如何实现延迟加载？是否支持懒加载”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 resource 本身不支持延迟，需通过条件调用或 useResource + defer 实现懒加载行为。
核心关键词Signals resource 延迟加载 懒加载 实现方式 - 0024
resource 抛出错误后，如何在视图中安全显示错误信息而不崩溃？
围绕“resource 抛出错误后，如何在视图中安全显示错误信息而不崩溃”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 resource.error 判断并展示错误内容，不能直接读取 result.value，避免未定义访问。
核心关键词Signals resource 错误处理 安全渲染 错误边界 - 0025
resource 的相同参数多次调用是否返回同一实例？其身份如何判定？
围绕“resource 的相同参数多次调用是否返回同一实例？其身份如何判定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明只要参数值相等，且无副作用，即返回同一实例，依赖于参数的严格相等性。
核心关键词Signals resource 相同参数 返回实例 一致性 判定规则 - 0026
Signals 里的资源（resource）如何管理生命周期？它与 effect 有何本质区别？
围绕“Signals 里的资源（resource）如何管理生命周期？它与 effect 有何本质区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须强调 resource 有内置清理逻辑和自动释放机制，而 effect 不具备，适用于可复用资源。
核心关键词Signals resource 与 effect 生命周期 管理区别 - 0027
resource 能否支持乐观更新模式？如何实现？
围绕“resource 能否支持乐观更新模式？如何实现”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 resource 本身不支持乐观更新，需结合 signal 存储临时状态并在成功后覆盖，不能直接修改 resource。
核心关键词Signals resource 乐观更新 实现方式 - 0028
resource 为何比 effect + async pipe 组合更高效？关键性能差异是什么？
围绕“resource 为何比 effect + async pipe 组合更高效？关键性能差异是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 resource 无需手动取消订阅、自动处理重复请求，并在依赖不变时复用结果，减少内存开销。
核心关键词Signals resource vs effect+async pipe 性能差异 优化点 - 0029
多个 resource 同时发起请求时，它们是否并行执行？如何控制并发数？
围绕“多个 resource 同时发起请求时，它们是否并行执行？如何控制并发数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出默认并行执行，若需串行需手动通过 await or Promise.all 序列化调用，resource 本身不提供控制。
核心关键词Angular Signals resource 并行请求 控制并发 串行执行 - 0030
resource 为何适合跨组件复用？其内部如何保证不同调用间状态隔离？
围绕“resource 为何适合跨组件复用？其内部如何保证不同调用间状态隔离”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出每个 resource 调用生成独立实例，状态不共享，依赖于参数唯一性而非全局注册。
核心关键词Signals resource 跨组件复用 状态隔离 实例独立性 - 0031
resource 的不同变体（如 withCache, withErrorHandling）如何影响其行为？
围绕“resource 的不同变体（如 withCache, withErrorHandling）如何影响其行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明这些变体是配置选项，不影响核心逻辑，只改变缓存策略或错误处理方式，不引入新机制。
核心关键词Signals resource 变体 withCache withErrorHandling 行为差异