Qikuyueser.com

AI / コーディングとデバッグ

コーディングとデバッグ

誰が傷つくのか、どの経路が最も脆いのか、失敗時にどう戻すのかを洗い出す

14 / 17

過剰な抽象化をほどく判断

コーディングとデバッグ

過剰な抽象化をほどく判断(中国語の原文)

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

再帰ツリー部品の分割

コーディングとデバッグ

再帰ツリー部品の分割(中国語の原文)

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

入力欄の共通ラッパーを作ります

コーディングとデバッグ

入力欄の共通ラッパーを作ります(中国語の原文)

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

散らばったモーダル状態を集約します

コーディングとデバッグ

散らばったモーダル状態を集約します(中国語の原文)

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

URLに置くべき状態の見極め

コーディングとデバッグ

URLに置くべき状態の見極め(中国語の原文)

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

グローバル状態かローカル状態か

コーディングとデバッグ

グローバル状態かローカル状態か(中国語の原文)

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

導出できる状態を消します

コーディングとデバッグ

導出できる状態を消します(中国語の原文)

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

肥大化したストアを分割します

コーディングとデバッグ

肥大化したストアを分割します(中国語の原文)

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

通信状態をきちんと設計します

コーディングとデバッグ

通信状態をきちんと設計します(中国語の原文)

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

検索欄の競合とデバウンス

コーディングとデバッグ

検索欄の競合とデバウンス(中国語の原文)

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

入力状態とキャッシュを分けます

コーディングとデバッグ

入力状態とキャッシュを分けます(中国語の原文)

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

キーボードだけで画面を点検します

コーディングとデバッグ

キーボードだけで画面を点検します(中国語の原文)

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

自作セレクトにARIAを追加します

コーディングとデバッグ

自作セレクトにARIAを追加します(中国語の原文)

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

ダイアログのフォーカス管理

コーディングとデバッグ

ダイアログのフォーカス管理(中国語の原文)

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

色のコントラストを項目ごとに確認

コーディングとデバッグ

色のコントラストを項目ごとに確認(中国語の原文)

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

ブレークポイントを内容で決めます

コーディングとデバッグ

ブレークポイントを内容で決めます(中国語の原文)

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

ダークモード対応を点検します

コーディングとデバッグ

ダークモード対応を点検します(中国語の原文)

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

効かないCSSの原因を探します

コーディングとデバッグ

効かないCSSの原因を探します(中国語の原文)

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

エラー表示を入力欄に結び付けます

コーディングとデバッグ

エラー表示を入力欄に結び付けます(中国語の原文)

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

フロントとサーバーの検証を揃えます

コーディングとデバッグ

フロントとサーバーの検証を揃えます(中国語の原文)

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

連動する項目の検証設計

コーディングとデバッグ

連動する項目の検証設計(中国語の原文)

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

検証メッセージを平易な言葉に

コーディングとデバッグ

検証メッセージを平易な言葉に(中国語の原文)

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

本人確認番号の検証を緩めます

コーディングとデバッグ

本人確認番号の検証を緩めます(中国語の原文)

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

アップロード検証のチェックリスト

コーディングとデバッグ

アップロード検証のチェックリスト(中国語の原文)

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

複数ステップ入力の検証タイミング

コーディングとデバッグ

複数ステップ入力の検証タイミング(中国語の原文)

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

海外向け入力の前提を見直します

コーディングとデバッグ

海外向け入力の前提を見直します(中国語の原文)

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

二重送信を防ぐ設計

コーディングとデバッグ

二重送信を防ぐ設計(中国語の原文)

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

表の列順を決める考え方

コーディングとデバッグ

表の列順を決める考え方(中国語の原文)

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

1万行の表を描画する方法

コーディングとデバッグ

1万行の表を描画する方法(中国語の原文)

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

表のインライン編集を保存

コーディングとデバッグ

表のインライン編集を保存(中国語の原文)

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

このデータに合うグラフ選び

コーディングとデバッグ

このデータに合うグラフ選び(中国語の原文)

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

このグラフは誤解を招かないか

コーディングとデバッグ

このグラフは誤解を招かないか(中国語の原文)

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

グラフのドリルダウン設計

コーディングとデバッグ

グラフのドリルダウン設計(中国語の原文)

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

表のエクスポート仕様を決めます

コーディングとデバッグ

表のエクスポート仕様を決めます(中国語の原文)

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

グラフ配色の見分けやすさを確認

コーディングとデバッグ

グラフ配色の見分けやすさを確認(中国語の原文)

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

汚れたCSVをきれいにします

コーディングとデバッグ

汚れたCSVをきれいにします(中国語の原文)

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

日付形式をそろえます

コーディングとデバッグ

日付形式をそろえます(中国語の原文)

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

会社名の名寄せをします

コーディングとデバッグ

会社名の名寄せをします(中国語の原文)

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

金額と単位をそろえます

コーディングとデバッグ

金額と単位をそろえます(中国語の原文)

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

表記ゆれを一つの分類にまとめます

コーディングとデバッグ

表記ゆれを一つの分類にまとめます(中国語の原文)

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

データの健康診断レポートを作ります

コーディングとデバッグ

データの健康診断レポートを作ります(中国語の原文)

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

洗浄スクリプトを再実行可能に

コーディングとデバッグ

洗浄スクリプトを再実行可能に(中国語の原文)

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

メール本文から項目を抽出します

コーディングとデバッグ

メール本文から項目を抽出します(中国語の原文)

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

読める正規表現を書きます

コーディングとデバッグ

読める正規表現を書きます(中国語の原文)

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

他人の正規表現を読み解きます

コーディングとデバッグ

他人の正規表現を読み解きます(中国語の原文)

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

半構造化テキストを解析します

コーディングとデバッグ

半構造化テキストを解析します(中国語の原文)

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

欲張りマッチの原因を特定

コーディングとデバッグ

欲張りマッチの原因を特定(中国語の原文)

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

グループを保った一括置換

コーディングとデバッグ

グループを保った一括置換(中国語の原文)

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

中国語テキストの安全な省略

コーディングとデバッグ

中国語テキストの安全な省略(中国語の原文)

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

ログ行を表に変換します

コーディングとデバッグ

ログ行を表に変換します(中国語の原文)

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

正規表現の境界ケース表を作成

コーディングとデバッグ

正規表現の境界ケース表を作成(中国語の原文)

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

422エラーを項目単位で特定

コーディングとデバッグ

422エラーを項目単位で特定(中国語の原文)

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

CORSエラーを順に切り分けます

コーディングとデバッグ

CORSエラーを順に切り分けます(中国語の原文)

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

トークン更新の失敗を追う

コーディングとデバッグ

トークン更新の失敗を追う(中国語の原文)

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

スネークケースとキャメルケースの変換

コーディングとデバッグ

スネークケースとキャメルケースの変換(中国語の原文)

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

ページ送りで重複する行

コーディングとデバッグ

ページ送りで重複する行(中国語の原文)

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

日付が一日ずれる原因

コーディングとデバッグ

日付が一日ずれる原因(中国語の原文)

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

ネストしたループの計算量を手で導出

コーディングとデバッグ

ネストしたループの計算量を手で導出(中国語の原文)

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

計算量のボトルネックを特定する

コーディングとデバッグ

計算量のボトルネックを特定する(中国語の原文)

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

償却計算量は毎回遅いわけではない

コーディングとデバッグ

償却計算量は毎回遅いわけではない(中国語の原文)

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