编程与调试

当一个组件包了五层抽象却只用两种组合时，判断该拆回什么样

项目里有个 [组件名] 包了五层高阶组件、支持 [参数数量] 个配置项，实际只用到两种组合。请判断这些抽象里哪些是真实需…

把混着展开、选中与拖拽逻辑的递归树，拆成数据、渲染、交互三层

有一个渲染 [层级深度] 层组织架构的递归组件，节点里混着展开状态、选中状态和拖拽逻辑。请把它拆成三层：节点数据结构、单…

把二十个字段里重复的标签、必填星号、错误提示和间距抽成一层

这个表单有 [字段数量] 个字段，每个都复制了一遍 label、必填星号、错误提示和间距样式。请抽出一个字段容器组件：它…

把十几个各写一套开关逻辑的弹窗收敛成统一的管理方式

项目里 [数量] 个弹窗各自用状态控制开关，有的存在父组件、有的存在全局，还有两个同时打开的情况。请设计统一的弹窗管理方…

逐个判断列表页的搜索词、页码、筛选条件哪些应该进查询参数

这个列表页把搜索词、页码、筛选条件都放在组件状态里，刷新就丢、也没法把链接发给同事。请针对 [状态清单] 逐条判断哪些该…

对一份状态清单逐条判断该放组件内、页面级还是全局，并说明代价

现在的做法是把所有状态都塞进全局。请对 [状态清单] 逐条判断：谁能读、谁会改、生命周期多长，据此分成「组件内、页面级、…

找出重复存储的源状态与派生值，消除两次不同步的 bug

这段代码同时存了 [状态 A] 和由它算出的 [状态 B]，已经出现过两次不同步。请找出所有可以从已有数据推导出来的状态…

按变更频率与使用范围切开一个大 store，避免模块间循环依赖

这个 store 有 [行数] 行，装着用户信息、列表数据、界面开关和表单草稿。请按「变更频率 + 使用范围」切成几个独…

为接口设计初始、加载、成功、失败、刷新中五态，区分空数据与出错

现在每个请求只用一个 loading 布尔值，导致失败后还显示旧数据、重试时界面整块闪烁。请为 [接口名] 设计状态机：…

快速输入时结果顺序错乱，给出取消请求与丢弃过期结果的方案

搜索框输入后就发请求，快速打字时结果顺序会错乱。请给出 [框架] 下的处理方案：防抖时长怎么定、请求如何取消、返回结果与…

解决草稿被写进全局缓存、改到一半刷新就串数据的问题

表单编辑的数据既存在本地状态里，又同步写进了全局缓存，改到一半刷新会串数据。请说明两者各自的职责边界：草稿归谁、提交成功…

以纯键盘用户的视角走完整流程，按严重程度列出可访问性问题

请以只用键盘的用户身份走一遍 [页面或流程]：Tab 顺序是否跟随视觉顺序、焦点是否可见、弹窗打开后焦点去哪、关闭后回到…

为 div 拼的下拉框补齐 role、状态属性与键盘操作

下面这个下拉框是用 div 拼的：[代码]。请补齐无障碍语义：该用哪些 role、aria-expanded 与 ari…

规定弹窗打开、内部循环、关闭时焦点分别落在哪个元素

这个 [弹窗或抽屉] 打开后焦点还留在背后的页面上，关闭后也不知道回到哪里。请给出完整方案：打开时焦点落在哪个元素、内部…

检查正文、次要文字、占位符与禁用态的对比度，给出替换色值

请检查 [页面名] 的文字与背景配色：正文、次要文字、占位符、禁用态、按钮文字各自的对比度是多少，是否达到 WCAG A…

为挤坏的中间宽度设计断点，并规定栅格、间距与组件形态的变化

这个页面在 [宽度范围] 之间布局会挤坏。请给出断点方案：取哪几个断点、每个断点下栅格与间距怎么变、哪些组件在窄屏换形态…

找出写死的颜色、阴影和图片，区分能反色与不能反色的地方

项目要加深色模式。请审查 [页面或组件库] 里写死的颜色、阴影、图片和图表，列出哪些需要改成语义变量、哪些在半透明叠加下…

按层叠规则逐条定位样式失效原因，并给出不用 !important 的修法

这里有一段样式不生效的代码：[样式片段与 DOM 结构]。请按层叠规则逐条排查：选择器优先级、加载顺序、继承、内联样式、…

把全局提示条改成字段级错误，并处理读屏播报与焦点位置

表单报错只用一个全局提示条，读屏用户不知道是哪一栏错了。请改成字段级提示：aria-describedby 怎么接、ar…

找出两套校验规则的差异，划清提示与兜底各自的责任

前端和后端各写了一套校验，规则已经开始不一致。请以 [字段列表] 为对象，逐条列出两边的差异（长度、格式、必填、枚举、去…

处理某字段决定其他字段是否必填、候选值变化时的校验时序

这个表单里 [字段 A] 决定 [字段 B] 是否必填、[字段 C] 的候选值范围。请设计联动校验：依赖关系怎么表达、切…

把面向开发的校验提示改写成用户能照着做的句子

下面这些校验提示是写给开发看的：[提示文案列表]。请改写成用户能照着做的句子：说清哪里错、该怎么改、不出现字段英文名和正…

审查身份证、手机号、信用代码的正则是否误伤了合法输入

有人给身份证、手机号、统一社会信用代码写了很严的正则，导致 [场景] 下的合法输入被拒。请逐条检查：校验位算法对不对、是…

补齐大小、真实类型、尺寸、文件名与数量等校验，标出服务端必做项

文件上传目前只检查了扩展名。请补齐 [上传场景] 的校验清单：大小上限、MIME 与真实文件头、图片尺寸与方向、可执行文…

规定何时静默、何时提示、何时阻断，并汇总前面步骤的错误

这个 [步骤数] 步表单每步都实时校验，用户还没填完就一片红。请设计校验时机：何时静默、何时提示、何时阻断下一步、返回上…

审查按本国习惯写的姓名、邮编、地址规则在国际用户下是否成立

产品要支持 [国家或地区] 的用户注册。请审查现有表单里按本地习惯写的规则：姓名长度与字符集、邮编格式、州省字段、电话区…

从按钮状态、请求去重键到后端幂等，给出完整防重方案

用户网络慢时连点提交，产生了 [重复数据问题]。请给出前后端配合的方案：按钮禁用与加载态、请求去重键怎么生成、后端幂等如…

重排一张按数据库字段顺序显示的表格，并给出列定义表

这张 [业务] 表格有 [列数] 列，现在按数据库字段顺序排，用户最关心的信息却在最右边。请重排列顺序并说明依据：识别列…

对比虚拟滚动、分页与无限加载，选定后说明行高与固定列处理

这个表格要展示 [行数] 行数据，现在一次渲染全部，滚动就卡死。请对比虚拟滚动、分页、无限加载的适用场景与代价，选定一种…

设计行内改动的暂存、校验与批量提交，避免改一格就发一次请求

这张 [表格名] 允许直接在单元格里改数量和备注，现在改一格就发一次请求，失败后还不回滚。请设计行内编辑方案：改动先存在…

根据数据形态与想说明的结论推荐两种图表，并给出坐标轴设置

这里有 [数据描述]，想说明的结论是 [一句话结论]。请推荐两种合适的图表并说明理由，指出各自的误读风险；给出坐标轴、单…

检查纵轴截断、面积比例、双轴与时间间隔等常见误导手法

请审查这张图有没有在误导读者：[图表描述或数据]。重点看纵轴是否截断、面积与长度是否成比例、双轴是否把不相关指标叠在一起…

规定下钻的层级、面包屑、筛选保留与返回上一级的行为

这张 [图表类型] 要支持下钻：点某月看当月明细，再点某类看订单。请设计交互：层级面包屑怎么显示、返回上一级时筛选是否保…

定义导出字段、格式、空值表示与文件命名，避开 Excel 的坑

业务方要把这张表导出给 [使用方]。请定义导出规范：包含哪些字段、表头用中文还是字段名、日期与金额格式、编号是否保留前导…

检查灰度明度差、红绿搭配与色盲可辨识性，补上冗余编码

这套图表配色有 [颜色数量] 种，打印出来和色盲同事都反馈分不清。请检查：相邻色在灰度下的明度差、红绿搭配的使用、图例与…

处理缺失、重复、全角半角、带单位数字与多种日期写法的表格

这份 CSV 有 [行数] 行，存在缺失值、重复行、全角半角混用、数字带单位和千分位、日期多种写法。请用 [Python…

统一多种日期写法与 Excel 序列号，标记有歧义和解析失败的值

这份数据里日期有 [格式示例] 等多种写法，还混着表格序列号和时区不明的时间。请写归一化脚本，统一成 [目标格式]：如何…

先做规则归一再用相似度匹配，并划出绝不能自动合并的情况

客户名单里有 [数量] 条公司名，存在全称简称混用、括号与后缀差异、错别字。请设计去重流程：先做规则归一（去后缀、统一括…

处理元、万元、美元混用与「约」这类模糊表达，保留可回溯的原始值

这份表里金额有元、万元、美元混用，还有「约」「左右」这类写法。请写清洗规则：单位如何识别并统一到 [目标单位]、汇率取哪…

为几十种写法的渠道字段建映射表，并处理未命中的新值

渠道字段里有 [取值示例] 共 [数量] 种写法，实际只有几类。请生成一张映射表：把同义写法归到标准类目、标出无法归类的…

在动手清洗前，先量化缺失率、异常值、重复与编码问题

请对这份 [数据文件] 做一次体检并输出报告：行列数、每列类型与缺失率、唯一值数量、异常值与离群点、重复记录、编码与空白…

改造去重与追加逻辑，使同一份输入跑多少次结果都一致

这个 [脚本名] 跑第二遍结果就变了，因为去重和追加没考虑已处理的数据。请改造成可重复执行：输入输出分离、用唯一键判断新…

从一批客户邮件里抽出公司、联系人、需求与期望时间并标注出处

有 [数量] 封客户邮件，需要抽出公司名、联系人、需求摘要和期望时间。请设计抽取方案：用规则还是模型、每个字段的匹配线索…

为一段文本匹配需求写出带注释、带边界说明、带用例的正则

需要从 [文本示例] 里匹配 [目标内容]。请写一条正则，并逐段注释它的含义；说明为什么这样限定边界、哪些字符需要转义、…

逐段翻译一条没人敢改的正则，指出死分支、误匹配与语言差异

这段正则没人敢动：[正则表达式]。请逐段翻译成中文说明，指出它实际匹配的范围、哪些分支永远不会命中、可能误匹配的输入、在…

把格式不固定的文本块拆成字段，并规定缺失与异常的处理方式

下面是一段半结构化文本：[文本示例]。请写解析逻辑，把它拆成 [字段列表] 的结构化记录；说明如何处理字段缺失、顺序变化…

解释贪婪量词为何越界，并比较三种改法在嵌套结构下的表现

这条正则 [正则] 在本该只匹配一处的地方匹配了整段。请解释贪婪量词在这里的具体行为，给出非贪婪、排除字符类、加锚点三种…

在改写链接、编号、变量名时保留原有内容，先试跑再落盘

要把 [文件或文本] 里的 [原格式] 批量改成 [新格式]，但中间的关键内容要原样保留（链接文字、编号、变量名）。请写…

解决截断出半个字、英文单词被切断、emoji 变乱码的问题

列表标题按字数截断后出现半个字、英文单词被切断、emoji 变成乱码。请给出 [语言或框架] 下的截断方案：按字符还是按…

解析带堆栈与嵌套分隔符的日志，统计级别分布与最慢请求

有一段应用日志：[日志片段]。请写解析脚本把它转成表格，字段包括时间、级别、请求 id、耗时、错误码、消息；说明如何处理…

用正常、边界、非法、超长四类输入检验正则的实际能力边界

这条正则要用于 [业务场景]，请为它补一张测试用例表：正常输入、边界输入、非法输入、超长输入各若干条，标明期望结果；再指…

对比实际请求体与接口文档，用最小请求体二分定位出错字段

接口返回 422，提示 [错误信息]，但前端看起来字段都传了。请给出排查顺序：先对比实际请求体与接口文档、再看字段名与类…

区分简单请求与预检，检查凭证模式、自定义头与网关是否吞了响应头

浏览器报跨域错误：[错误信息]，但同一个接口在接口工具里正常。请按顺序排查：是否简单请求、预检返回了哪些头、凭证模式与通…

梳理过期、刷新、并发 401、刷新失败登出的完整鉴权链路

用户停留久了会突然被踢回登录页。请梳理 [鉴权方式] 的完整链路：token 何时过期、刷新请求由谁发起、并发请求同时…

在请求层做一次递归转换，处理嵌套、数组与特殊字段

后端返回 [字段命名] 风格，前端组件全用驼峰，手写转换总漏掉嵌套和数组。请给出适配方案：转换放在哪一层、如何递归处理嵌…

检查页码起点、每页条数、排序唯一性与游标含义等分页契约

列表联调时 [接口名] 的总数对不上，翻到第二页还会出现重复数据。请检查分页契约：页码从 0 还是 1 开始、每页条数与…

沿浏览器、提交格式、服务端、数据库、展示五步排查时区问题

用户选的 10 月 1 日，存进去变成 9 月 30 日。请梳理这条链路的时区处理：浏览器本地时间、提交格式、服务端时区…

别只看代码猜，按执行次数推出这段嵌套循环到底是什么量级

下面这段 [语言] 代码有两层循环，内层还调用了 [函数名]。别凭感觉给结论：先写出每层循环的执行次数表达式，标出真正的…

排序、查找、字符串拼接混在一起时，说清哪一步主导了开销

这段 [业务场景] 的处理逻辑里同时有排序、哈希查找和多次字符串拼接。请逐步估算每个操作的复杂度与常数因子，指出在 [数…

追加元素触发扩容时，讲清均摊分析为什么仍然成立

我在 [语言] 里往动态数组连续追加 [数量] 个元素。有人认为平均每次 O(1)，也有人担心扩容那一次的 O(n)。请…