前端进阶之旅前端进阶之旅
  • 基础篇HTML/CSS/JS 打底
  • 进阶篇原理与工程化
  • 高频篇面试最常问的那批
  • 精选篇按模块收敛的总结
  • 手写篇常考代码手写实现
  • 面经篇真实面试问题复盘
  • AI 篇NEWAI 时代的前端考点
  • 历年面经NEW按年份追踪真实考点
  • 每日一题每天一道,攒手感
  • 专项自测100 题快速查漏
  • 小程序题库小程序专项刷题
  • 算法题库NEW在线编码即时判题
  • 知识卡片NEW碎片时间过考点
  • 面试题大全常见问题解析
  • AI 答疑NEW随时提问,即时解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • AI 定制路线NEW按你的简历现排
  • AI 知识地图NEW串起全站知识点
  • 原理篇React / Vue 源码拆解
  • HTTP从报文一路讲到 HTTPS
  • 浏览器渲染、事件循环、进程
  • 计算机基础Linux、网络、操作系统
  • 设计模式23 种模式怎么用
  • Node学习指南从环境搭建到服务端
  • NPM工作流script、依赖与发布
  • Docker容器化部署上手
  • Canvas图形与动画实战
  • 前端系统进阶学习大型项目工程化
  • 前端综合文章长期沉淀的实践文
  • 思维导图知识点全景图
  • 学习路线按图索骥不跑偏
  • AI 热点NEWAI 每日动态
  • 公众号动态公众号历史文章
  • 博客动态站长的技术博客
  • 开发者导航常用工具与文档站
  • 基础篇HTML/CSS/JS 打底
  • 进阶篇原理与工程化
  • 高频篇面试最常问的那批
  • 精选篇按模块收敛的总结
  • 手写篇常考代码手写实现
  • 面经篇真实面试问题复盘
  • AI 篇NEWAI 时代的前端考点
  • 历年面经NEW按年份追踪真实考点
  • 每日一题每天一道,攒手感
  • 专项自测100 题快速查漏
  • 小程序题库小程序专项刷题
  • 算法题库NEW在线编码即时判题
  • 知识卡片NEW碎片时间过考点
  • 面试题大全常见问题解析
  • AI 答疑NEW随时提问,即时解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • AI 定制路线NEW按你的简历现排
  • AI 知识地图NEW串起全站知识点
  • 原理篇React / Vue 源码拆解
  • HTTP从报文一路讲到 HTTPS
  • 浏览器渲染、事件循环、进程
  • 计算机基础Linux、网络、操作系统
  • 设计模式23 种模式怎么用
  • Node学习指南从环境搭建到服务端
  • NPM工作流script、依赖与发布
  • Docker容器化部署上手
  • Canvas图形与动画实战
  • 前端系统进阶学习大型项目工程化
  • 前端综合文章长期沉淀的实践文
  • 思维导图知识点全景图
  • 学习路线按图索骥不跑偏
  • AI 热点NEWAI 每日动态
  • 公众号动态公众号历史文章
  • 博客动态站长的技术博客
  • 开发者导航常用工具与文档站
首页程序员面试题库第 68 页
面试知识索引 · 分类、标签与搜索

5000 道程序员面试题,每题都有完整答案

程序员面试题库第 68 页,收录第 3351–3400 题,共 5000 道完整解析,覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。

5,000完整问题
52技术分类
178检索标签
100索引分页
按分类建立知识面,再用标签和搜索定位问题

每页只渲染 50 道题。分类与标签分页可抓取,自由搜索结果不会制造无限 SEO 页面。

快速定位

分类、标签与关键词搜索

题库检索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90HTML89Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
热门标签178 个
并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121网络协议111
查看其余 163 个标签
测试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响应式与性能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
当前页68 / 100

正在显示第 3351–3400 题

AI 开发31React19
第 68 页

本页面试问题

按稳定语义路径排序

  1. 3351
    AI 开发RAG 检索

    RAG 分块时为什么要设置 chunk overlap(重叠),重叠过大有什么副作用?

    围绕“RAG 分块时为什么要设置 chunk overlap(重叠),重叠过大有什么副作用”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答重叠如何保护跨边界语义、以及重叠带来的重复内容与索引膨胀代价。

    核心关键词RAG chunk overlap 重叠 副作用
    #RAG 检索#RAG
  2. 3352
    AI 开发RAG 检索

    RAG 中如何确定文本分块(chunk)的大小,过大和过小分别会导致什么检索问题?

    围绕“RAG 中如何确定文本分块(chunk)的大小,过大和过小分别会导致什么检索问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确块大小对召回语义完整性与嵌入精度的双向影响。

    核心关键词RAG chunk size 分块大小 权衡
    #RAG 检索#RAG
  3. 3353
    AI 开发RAG 检索

    RAG 如何让生成答案带引用来源,上下文组装阶段需要给每个文档块附加什么信息?

    围绕“RAG 如何让生成答案带引用来源,上下文组装阶段需要给每个文档块附加什么信息”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答块级来源标识注入与提示模型引用编号的机制。

    核心关键词RAG 引用来源 上下文标注
    #RAG 检索#RAG#安全
  4. 3354
    AI 开发RAG 检索

    父子分块或重叠分块的 RAG 系统在组装上下文时如何去重合并,避免同一内容重复占用 token?

    围绕“父子分块或重叠分块的 RAG 系统在组装上下文时如何去重合并,避免同一内容重复占用 token”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答按父文档聚合或相邻块合并的具体做法。

    核心关键词RAG 上下文去重 合并 重叠 chunk
    #RAG 检索#RAG
  5. 3355
    AI 开发RAG 检索

    RAG 组装上下文时如何在有限 token 预算内分配系统提示、历史对话和检索文档,超预算时应优先砍哪部分?

    围绕“RAG 组装上下文时如何在有限 token 预算内分配系统提示、历史对话和检索文档,超预算时应优先砍哪部分”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出优先级排序与截断策略的判断。

    核心关键词RAG 上下文窗口 token 预算 截断策略
    #RAG 检索#RAG
  6. 3356
    AI 开发RAG 检索

    LangChain 的 ContextualCompressionRetriever 如何只保留文档中与问题相关的部分,它解决的是什么具体问题?

    围绕“LangChain 的 ContextualCompressionRetriever 如何只保留文档中与问题相关的部”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答长文档召回后抽取相关片段以降低噪声与 token 成本。

    核心关键词ContextualCompressionRetriever 上下文压缩
    #RAG 检索#RAG
  7. 3357
    AI 开发RAG 检索

    RAG 系统选择嵌入(embedding)模型时应依据哪些维度,为什么嵌入模型换了必须重建索引?

    围绕“RAG 系统选择嵌入(embedding)模型时应依据哪些维度,为什么嵌入模型换了必须重建索引”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答向量空间一致性要求及语言、维度、领域匹配等选择标准。

    核心关键词RAG embedding 模型选择 重建索引原因
    #RAG 检索#RAG#向量检索
  8. 3358
    AI 开发RAG 检索

    RAG 为什么需要向量检索与关键词检索(BM25)混合,单靠向量检索在哪类查询上会系统性失败?

    围绕“RAG 为什么需要向量检索与关键词检索(BM25)混合,单靠向量检索在哪类查询上会系统性失败”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须指出专有名词、编号、精确字符串等向量检索失效场景。

    核心关键词RAG 混合检索 必要性 失败场景
    #RAG 检索#RAG#向量检索
  9. 3359
    AI 开发RAG 检索

    RAG 中 HyDE(假设文档嵌入)检索的原理是什么,为什么它对短问题比长问题更有帮助?

    围绕“RAG 中 HyDE(假设文档嵌入)检索的原理是什么,为什么它对短问题比长问题更有帮助”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答先生成假想答案再嵌入检索的机制及短查询受益原因。

    核心关键词RAG HyDE 假设文档 检索原理
    #RAG 检索#RAG
  10. 3360
    AI 开发RAG 检索

    文档频繁更新的 RAG 系统如何做增量索引,如何避免删除文档的旧向量仍被召回?

    围绕“文档频繁更新的 RAG 系统如何做增量索引,如何避免删除文档的旧向量仍被召回”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确按文档 ID 的 upsert/删除与索引一致性问题。

    核心关键词RAG 增量索引 文档更新 删除旧向量
    #RAG 检索#RAG#向量检索
  11. 3361
    AI 开发RAG 检索

    RAG 处理 Markdown 或代码文档时为什么需要结构化感知分块,直接用字符切分会破坏什么?

    围绕“RAG 处理 Markdown 或代码文档时为什么需要结构化感知分块,直接用字符切分会破坏什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确标题层级/代码块边界被破坏的后果及按结构切分的做法。

    核心关键词RAG Markdown 代码 结构化分块 保结构
    #RAG 检索#RAG
  12. 3362
    AI 开发RAG 检索

    RAG 检索前用元数据过滤(如租户、时间、文档类型)为什么应在向量搜索阶段下推而不是召回后再过滤?

    围绕“RAG 检索前用元数据过滤(如租户、时间、文档类型)为什么应在向量搜索阶段下推而不是召回后再过滤”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确后置过滤导致 top-k 有效结果不足的问题及过滤下推的做法。

    核心关键词RAG 元数据过滤 下推到向量搜索
    #RAG 检索#RAG#向量检索
  13. 3363
    AI 开发RAG 检索

    RAG 中最大边际相关性(MMR)检索如何解决 top-k 结果内容重复的问题?

    围绕“RAG 中最大边际相关性(MMR)检索如何解决 top-k 结果内容重复的问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明相关性-多样性平衡公式思路及 lambda 参数含义。

    核心关键词RAG MMR 最大边际相关性 多样性
    #RAG 检索#RAG
  14. 3364
    AI 开发RAG 检索

    LangChain 的 MultiQueryRetriever 通过生成多个查询变体提升召回,它的适用场景和成本代价是什么?

    围绕“LangChain 的 MultiQueryRetriever 通过生成多个查询变体提升召回,它的适用场景和成本代价”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确 LLM 生成改写查询再合并去重的机制及延迟成本。

    核心关键词MultiQueryRetriever 多查询变体 提升召回
    #RAG 检索#RAG
  15. 3365
    AI 开发RAG 检索

    多租户 RAG 系统如何利用元数据过滤保证租户间数据不串,仅靠 prompt 声明租户为什么不可靠?

    围绕“多租户 RAG 系统如何利用元数据过滤保证租户间数据不串,仅靠 prompt 声明租户为什么不可靠”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答检索层强制过滤的必要性及 prompt 层约束可被绕过的问题。

    核心关键词RAG 多租户 数据隔离 metadata filter
    #RAG 检索#RAG#Prompt
  16. 3366
    AI 开发RAG 检索

    RAG 检索结果为空或全部低于阈值时系统应如何兜底,直接把所有问题交给 LLM 自由回答有什么风险?

    围绕“RAG 检索结果为空或全部低于阈值时系统应如何兜底,直接把所有问题交给 LLM 自由回答有什么风险”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答阈值判空、拒答或降级策略及幻觉风险控制。

    核心关键词RAG 无检索结果 兜底 幻觉风险
    #RAG 检索#RAG
  17. 3367
    AI 开发RAG 检索

    RAG 检索质量差但定位发现源头在 PDF 解析阶段,乱码、栏序错乱会如何传导到分块与嵌入?

    围绕“RAG 检索质量差但定位发现源头在 PDF 解析阶段,乱码、栏序错乱会如何传导到分块与嵌入”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确解析错误经分块放大为噪声块的传导链。

    核心关键词RAG PDF 解析 乱码 分栏 传导影响
    #RAG 检索#RAG
  18. 3368
    AI 开发RAG 检索

    用户提问用词和文档措辞差异大导致 RAG 召回失败,除了换嵌入模型还有哪些检索侧手段?

    围绕“用户提问用词和文档措辞差异大导致 RAG 召回失败,除了换嵌入模型还有哪些检索侧手段”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答查询改写、混合检索、假设文档嵌入等检索侧方案。

    核心关键词RAG 词汇不匹配 查询文档措辞差异 召回手段
    #RAG 检索#RAG
  19. 3369
    AI 开发RAG 检索

    RAG 中的查询改写(query rewriting)解决什么问题,为什么多轮对话里直接用用户原话检索会失败?

    围绕“RAG 中的查询改写(query rewriting)解决什么问题,为什么多轮对话里直接用用户原话检索会失败”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确指代/省略导致的检索意图缺失及改写为独立查询的做法。

    核心关键词RAG 查询改写 多轮对话 指代消解
    #RAG 检索#RAG
  20. 3370
    AI 开发RAG 检索

    LangChain 的 RecursiveCharacterTextSplitter 按什么优先级切分文本,为什么比固定长度切分更适合 RAG?

    围绕“LangChain 的 RecursiveCharacterTextSplitter 按什么优先级切分文本,为什么比”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明分隔符层级回退机制及其对语义完整性的作用。

    核心关键词RecursiveCharacterTextSplitter 切分优先级 递归字符切分
    #RAG 检索#RAG
  21. 3371
    AI 开发RAG 检索

    RAG 流水线中重排应放在召回之后、上下文组装之前,为什么先用大 top-k 召回再重排比直接小 k 检索效果好?

    围绕“RAG 流水线中重排应放在召回之后、上下文组装之前,为什么先用大 top-k 召回再重排比直接小 k 检索效果好”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答召回-重排两阶段分工与候选数设置。

    核心关键词RAG 重排 流水线位置 为何先大 k 再重排
    #RAG 检索#RAG
  22. 3372
    AI 开发RAG 检索

    RAG 已经有向量相似度排序了,为什么还需要重排(rerank)阶段,交叉编码器比双编码器强在哪?

    围绕“RAG 已经有向量相似度排序了,为什么还需要重排(rerank)阶段,交叉编码器比双编码器强在哪”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要明确查询-文档交互建模带来的精度提升及不能全库使用的原因。

    核心关键词RAG rerank 重排 交叉编码器 强于双编码器
    #RAG 检索#RAG#向量检索
  23. 3373
    AI 开发RAG 检索

    如何用检索级指标(recall@k、MRR)单独评估 RAG 的检索质量,而不是只看最终回答好不好?

    围绕“如何用检索级指标(recall@k、MRR)单独评估 RAG 的检索质量,而不是只看最终回答好不好”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答构造带标准答案的查询集并分层归因评估的方法。

    核心关键词RAG 检索评估 recall@k MRR
    #RAG 检索#RAG
  24. 3374
    AI 开发RAG 检索

    RAG 中的语义分块(semantic chunking)是如何工作的,相比固定长度分块适合什么场景?

    围绕“RAG 中的语义分块(semantic chunking)是如何工作的,相比固定长度分块适合什么场景”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答基于嵌入相似度检测语义边界的机制与适用条件。

    核心关键词RAG 语义分块 原理 适合场景
    #RAG 检索#RAG
  25. 3375
    AI 开发RAG 检索

    RAG 检索时设置相似度分数阈值有什么用,为什么不同嵌入模型间阈值不能直接复用?

    围绕“RAG 检索时设置相似度分数阈值有什么用,为什么不同嵌入模型间阈值不能直接复用”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答阈值过滤无关召回的用途及分数分布依赖模型的原因。

    核心关键词RAG 相似度阈值 设置作用 不同模型不可复用
    #RAG 检索#RAG
  26. 3376
    AI 开发RAG 检索

    RAG 中 step-back 提问(先生成更抽象的问题再检索)适合解决哪类具体查询检索不到背景知识的问题?

    围绕“RAG 中 step-back 提问(先生成更抽象的问题再检索)适合解决哪类具体查询检索不到背景知识的问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答具体细节问题缺乏上位概念匹配的机制与适用边界。

    核心关键词RAG step-back prompting 抽象化检索
    #RAG 检索#RAG#Prompt
  27. 3377
    AI 开发RAG 检索

    多跳问题(需要多份文档联合回答)在 RAG 中为什么要做子问题分解检索,单次检索失败的原因是什么?

    围绕“多跳问题(需要多份文档联合回答)在 RAG 中为什么要做子问题分解检索,单次检索失败的原因是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答复合问题向量无法同时匹配多主题的机制及分解-合并流程。

    核心关键词RAG 多跳问题 子问题分解 检索
    #RAG 检索#RAG#向量检索
  28. 3378
    AI 开发RAG 检索

    包含大量表格的文档做 RAG 时应如何分块,为什么表格按字符切开会导致检索失败?

    围绕“包含大量表格的文档做 RAG 时应如何分块,为什么表格按字符切开会导致检索失败”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答表格结构保持(整表为块或 HTML/Markdown 序列化)的判断。

    核心关键词RAG 表格 分块策略 保持完整
    #RAG 检索#RAG
  29. 3379
    AI 开发RAG 检索

    文档时效性强的 RAG 场景(如政策、新闻)如何在检索中处理时间衰减,避免旧文档压过新文档?

    围绕“文档时效性强的 RAG 场景(如政策、新闻)如何在检索中处理时间衰减,避免旧文档压过新文档”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答时间元数据过滤或时间衰减打分的方案选择。

    核心关键词RAG 时间衰减 时效性 检索加权
    #RAG 检索#RAG
  30. 3380
    AI 开发RAG 检索

    RAG 分块按 token 切分和按字符切分有什么本质区别,为什么生产上更推荐 token 切分?

    围绕“RAG 分块按 token 切分和按字符切分有什么本质区别,为什么生产上更推荐 token 切分”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答 token 计数与嵌入模型上下文窗口对齐的原因。

    核心关键词RAG token 切分 与 字符切分 本质区别 生产推荐
    #RAG 检索#RAG
  31. 3381
    AI 开发RAG 检索

    RAG 检索的 top-k 设多大合适,k 过大对 LLM 回答质量有什么负面影响?

    围绕“RAG 检索的 top-k 设多大合适,k 过大对 LLM 回答质量有什么负面影响”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答召回率与上下文噪声/成本之间的权衡及调 k 的实验方法。

    核心关键词RAG top-k 召回数量 调优 影响
    #RAG 检索#RAG
  32. 3382
    React组件设计

    React 复选框用 checked 还是 defaultChecked,多选状态怎样保存?

    区分复选框的勾选状态与提交值,说明 checked、defaultChecked、event.target.checked 和多选 ID 集合的关系,以及全选、禁用项和半选状态的边界。

    核心关键词React checkbox checked 和 defaultChecked 区别
    #组件设计
  33. 3383
    React组件设计

    如何利用把 JSX 作为 children 传入的方式减少 React 组件间不必要的 props 传递?

    围绕“如何利用把 JSX 作为 children 传入的方式减少 React 组件间不必要的 props 传递”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕必须示范用 children 开洞让中间层不感知内容的做法及其对重渲染的影响。

    核心关键词React children 组合 减少 props 传递
    #组件设计
  34. 3384
    React组件设计

    为什么不能把 React 的 children 当普通数组随意操作,官方提供了什么替代手段?

    围绕“为什么不能把 React 的 children 当普通数组随意操作,官方提供了什么替代手段”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 children 可能是单节点、数组或函数导致直接 map 不可靠,以及 Children 工具方法的作用与替代思路。

    核心关键词React children 不透明数据结构 Children API
    #组件设计
  35. 3385
    React组件设计

    用 cloneElement 给 React 子组件偷偷注入 props 有什么隐患,更好的替代方案是什么?

    围绕“用 cloneElement 给 React 子组件偷偷注入 props 有什么隐患,更好的替代方案是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须指出 props 来源隐晦、覆盖冲突等问题并给出显式传 props 或 Context 的替代。

    核心关键词React cloneElement 隐患 替代 组合 Context
    #组件设计#安全
  36. 3386
    React组件设计

    拿到设计稿后,怎样拆 React 组件并决定状态放在哪里?

    用商品筛选页说明怎样从职责、数据流和变化原因建立组件层级,先做静态视图再识别最小状态,避免按每个 div 拆组件、把派生结果重复保存或过早使用 Context。

    核心关键词React 组件拆分和状态归属设计
    #组件设计#流处理
  37. 3387
    React组件设计

    什么是 React 的复合组件模式,为什么 Select/Option 这类组件适合用它设计?

    围绕“什么是 React 的复合组件模式,为什么 Select/Option 这类组件适合用它设计”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明父子组件通过隐式共享(如 Context)协作形成的声明式 API 及其优势。

    核心关键词React 复合组件 compound component Context
    #组件设计#表单
  38. 3388
    React组件设计

    给 React 组件设计配置接口时,传配置对象和用复合组件两种风格如何取舍?

    围绕“给 React 组件设计配置接口时,传配置对象和用复合组件两种风格如何取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答要按定制深度、类型约束和可读性给出取舍依据。

    核心关键词React 组件 API 配置对象 复合组件 取舍
    #组件设计
  39. 3389
    React组件设计

    React 条件渲染时同类组件的状态为什么会保留或丢失,和组件在树中的位置有什么关系?

    围绕“React 条件渲染时同类组件的状态为什么会保留或丢失,和组件在树中的位置有什么关系”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 React 按位置加类型匹配决定是否复用状态,并给出用 key 或改变位置控制重置的手段。

    核心关键词React 条件渲染 状态保留 重置 位置
    #组件设计
  40. 3390
    React组件设计

    开发组件库时,如何让一个 React 组件同时支持受控和非受控两种用法?

    围绕“开发组件库时,如何让一个 React 组件同时支持受控和非受控两种用法”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出『value 是否传入』判定与内部默认 state 合并的实现思路和切换警告规避,不复述受控非受控基础定义。

    核心关键词React 组件库 受控 非受控 同时支持
    #组件设计
  41. 3391
    React组件设计

    React 输入框报『组件从非受控变为受控』警告,通常是什么原因、怎么修?

    React 输入框为什么提示从非受控变为受控?从异步回填 undefined、文本空值和复选框 checked 类型入手,说明默认值、稳定模式和组件重建的区别。

    核心关键词React 非受控变受控警告
    #组件设计#异步编程
  42. 3392
    React组件设计

    React 表单应该选择受控还是非受控,依据是什么?

    从当前值的权威来源比较受控与非受控表单,说明实时联动、提交读取、外部重置和性能取舍,避免把非受控误解为没有状态,或认为受控模式一定更慢。

    核心关键词React 受控和非受控表单怎么选择
    #组件设计#性能优化#表单
  43. 3393
    React组件设计

    什么时候应该把 React 组件里的逻辑抽成自定义 Hook,它对组件设计和测试有什么好处?

    围绕“什么时候应该把 React 组件里的逻辑抽成自定义 Hook,它对组件设计和测试有什么好处”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出『相同状态逻辑出现在多个组件』的抽取信号及 Hook 单独可测的好处。

    核心关键词React 自定义 Hook 抽取逻辑 复用 测试
    #组件设计#测试
  44. 3394
    React组件设计

    React 非受控输入的 defaultValue 改了,为什么当前内容没跟着变?

    区分默认值与用户当前编辑值,说明异步数据回填、表单 reset、业务 key 重建与 ref 命令式赋值的选择,避免用随机 key 覆盖草稿或将 defaultValue 当成持续绑定。

    核心关键词React defaultValue 改变输入框不更新
    #组件设计#异步编程#表单
  45. 3395
    React组件设计

    如何让依赖网络请求的 React 组件在测试中不真的发请求,设计上要怎么改?

    围绕“如何让依赖网络请求的 React 组件在测试中不真的发请求,设计上要怎么改”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出把数据获取函数作为 props 注入或上移到容器组件的改造方式。

    核心关键词React 组件 可测试 依赖注入 props
    #组件设计#安全#测试
  46. 3396
    React组件设计

    为什么在 React 18 中错误边界必须用 class 组件实现,函数组件加 Hook 为什么做不到?

    围绕“为什么在 React 18 中错误边界必须用 class 组件实现,函数组件加 Hook 为什么做不到”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 getDerivedStateFromError 与 componentDidCatch 无 Hook 等价物及社区封装方案的。

    核心关键词React 错误边界 class 组件 没有 Hook
    #组件设计
  47. 3397
    React组件设计

    React 错误边界的降级 UI 和 componentDidCatch 里分别应该放什么内容?

    围绕“React 错误边界的降级 UI 和 componentDidCatch 里分别应该放什么内容”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须区分降级 UI 的可恢复引导与 componentDidCatch 中错误上报的职责划分。

    核心关键词React 错误边界 fallback componentDidCatch 上报
    #组件设计
  48. 3398
    React组件设计

    React 应用里错误边界应该放在根级一个还是按功能模块放多个,怎么权衡?

    围绕“React 应用里错误边界应该放在根级一个还是按功能模块放多个,怎么权衡”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答要按故障隔离范围与降级体验给出分层放置策略。

    核心关键词React 错误边界 粒度 放置位置
    #组件设计
  49. 3399
    React组件设计

    React 错误边界显示降级 UI 后,如何设计重试机制让组件树恢复正常?

    围绕“React 错误边界显示降级 UI 后,如何设计重试机制让组件树恢复正常”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须给出通过重置 key 或重挂载触发子树重新渲染的恢复手段及防止立刻再次崩溃的注意点。

    核心关键词React 错误边界 重试 重置 key
    #组件设计
  50. 3400
    React组件设计

    React 错误边界捕获不到哪些错误,事件回调和异步代码里的报错该怎么办?

    围绕“React 错误边界捕获不到哪些错误,事件回调和异步代码里的报错该怎么办”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖必须列清渲染期可捕获与事件处理、异步、SSR 中不可捕获的边界,并给出 try/catch 兜底方案。

    核心关键词React 错误边界 捕获不到 事件 异步 错误
    #组件设计#异步编程
上一页
1…6667686970…100
下一页
前端进阶之旅本地 Markdown 维护 · 服务端分页 · 完整内容对用户与搜索引擎一致