[{"data":1,"prerenderedAt":3457},["ShallowReactive",2],{"article-/topics/ai/ai-agent-connector-contract-drift-detection":3,"related-ai":396,"content-query-oOP0w5Bl9i":3167},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":12,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":22,"_type":390,"_id":391,"_source":392,"_file":393,"_stem":394,"_extension":395},"/topics/ai/ai-agent-connector-contract-drift-detection","ai",false,"","AI agent Connector Contract Drift Detection：第三方 API、页面结构和字段变化后怎样尽早发现，不等客户先报错","连接器一多，AI agent 最大的脆弱点往往不是模型，而是外部系统悄悄变了。本文讲清 contract drift、probe、compatibility signal 与 rollout gate，让平台在客户出事前先看到风险。","2026-05-15","HTMLPAGE 团队",[13,14,15,16],"AI agent","Connector Drift","Contract Detection","工程实践","/images/articles/ai-agent-connector-contract-drift-detection-featured.jpg","software integration dashboard laptop office",8284734,"https://www.pexels.com/photo/people-having-a-meeting-8284734/",17,{"type":23,"children":24,"toc":381},"root",[25,33,38,43,80,87,192,197,203,208,228,233,239,244,262,267,285,290,296,301,324,329,335,340,345,350],{"type":26,"tag":27,"props":28,"children":29},"element","p",{},[30],{"type":31,"value":32},"text","很多 AI agent 团队在早期都会有一种错觉：只要内部 prompt、状态机和调度器足够稳，系统就不会轻易出大问题。可一旦平台真的接入足够多的外部系统，最脆弱的部分往往不是模型本身，而是那些你并不拥有、却又必须依赖的连接器边界。合作方 API 悄悄改了字段，登录页多了一层跳转，表单的 DOM 结构换了一版，某个 webhook payload 新增了一个默认值，平台表面上看起来还在线，实际上已经开始在客户环境里慢慢偏离预期。",{"type":26,"tag":27,"props":34,"children":35},{},[36],{"type":31,"value":37},"更麻烦的是，这类 drift 很少会像正式宕机那样立刻尖叫。它通常先表现为局部失败、异常重试、奇怪的空值和偶发的人工接管。于是团队很容易把它误判成“最近流量复杂了”“客户环境比较特殊”或者“模型这两天状态不稳定”，直到客户投诉集中出现时，才发现问题早就不是一两次临时异常，而是连接器契约已经失真。",{"type":26,"tag":27,"props":39,"children":40},{},[41],{"type":31,"value":42},"所以 connector contract drift 真正要做的，不是等失败后补兼容，而是让系统尽早知道“外部世界已经不是自己以为的样子了”。没有这层提前感知，再好的恢复机制也只能在后面不断擦屁股。",{"type":26,"tag":27,"props":44,"children":45},{},[46,48,55,57,63,64,70,72,78],{"type":31,"value":47},"建议配合 ",{"type":26,"tag":49,"props":50,"children":52},"a",{"href":51},"/topics/ai/ai-agent-tool-schema-evolution-compatibility",[53],{"type":31,"value":54},"AI agent 工具 Schema 演进兼容",{"type":31,"value":56},"、",{"type":26,"tag":49,"props":58,"children":60},{"href":59},"/topics/ai/ai-agent-tool-capability-negotiation-environment-contract",[61],{"type":31,"value":62},"AI agent 工具能力协商与环境契约",{"type":31,"value":56},{"type":26,"tag":49,"props":65,"children":67},{"href":66},"/topics/ai/ai-agent-multi-environment-runner-routing",[68],{"type":31,"value":69},"AI agent 多执行环境路由",{"type":31,"value":71}," 和 ",{"type":26,"tag":49,"props":73,"children":75},{"href":74},"/topics/ai/ai-agent-error-taxonomy-recovery-playbook",[76],{"type":31,"value":77},"AI agent 错误分类与恢复策略",{"type":31,"value":79}," 一起看。",{"type":26,"tag":81,"props":82,"children":84},"h2",{"id":83},"先别把-drift-理解成接口坏了",[85],{"type":31,"value":86},"先别把 drift 理解成“接口坏了”",{"type":26,"tag":88,"props":89,"children":90},"table",{},[91,115],{"type":26,"tag":92,"props":93,"children":94},"thead",{},[95],{"type":26,"tag":96,"props":97,"children":98},"tr",{},[99,105,110],{"type":26,"tag":100,"props":101,"children":102},"th",{},[103],{"type":31,"value":104},"Drift 类型",{"type":26,"tag":100,"props":106,"children":107},{},[108],{"type":31,"value":109},"常见表现",{"type":26,"tag":100,"props":111,"children":112},{},[113],{"type":31,"value":114},"最容易被误判成",{"type":26,"tag":116,"props":117,"children":118},"tbody",{},[119,138,156,174],{"type":26,"tag":96,"props":120,"children":121},{},[122,128,133],{"type":26,"tag":123,"props":124,"children":125},"td",{},[126],{"type":31,"value":127},"API Schema Drift",{"type":26,"tag":123,"props":129,"children":130},{},[131],{"type":31,"value":132},"字段改名、必填项变化、枚举扩展",{"type":26,"tag":123,"props":134,"children":135},{},[136],{"type":31,"value":137},"某次调用参数没传对",{"type":26,"tag":96,"props":139,"children":140},{},[141,146,151],{"type":26,"tag":123,"props":142,"children":143},{},[144],{"type":31,"value":145},"UI Contract Drift",{"type":26,"tag":123,"props":147,"children":148},{},[149],{"type":31,"value":150},"按钮位置变化、页面流程改变、DOM 选择器失效",{"type":26,"tag":123,"props":152,"children":153},{},[154],{"type":31,"value":155},"浏览器 runner 偶发超时",{"type":26,"tag":96,"props":157,"children":158},{},[159,164,169],{"type":26,"tag":123,"props":160,"children":161},{},[162],{"type":31,"value":163},"Semantic Drift",{"type":26,"tag":123,"props":165,"children":166},{},[167],{"type":31,"value":168},"相同字段仍存在，但含义变了",{"type":26,"tag":123,"props":170,"children":171},{},[172],{"type":31,"value":173},"模型抽取或判断不稳定",{"type":26,"tag":96,"props":175,"children":176},{},[177,182,187],{"type":26,"tag":123,"props":178,"children":179},{},[180],{"type":31,"value":181},"Policy Drift",{"type":26,"tag":123,"props":183,"children":184},{},[185],{"type":31,"value":186},"对方限流、权限、审批路径变化",{"type":26,"tag":123,"props":188,"children":189},{},[190],{"type":31,"value":191},"某租户配置特殊",{"type":26,"tag":27,"props":193,"children":194},{},[195],{"type":31,"value":196},"这张表的关键在于提醒团队：不是所有 drift 都会表现成明确报错。很多 drift 最麻烦的地方，是它看起来还“有点能用”。",{"type":26,"tag":81,"props":198,"children":200},{"id":199},"真正有价值的不是报警而是-probe",[201],{"type":31,"value":202},"真正有价值的不是报警，而是 probe",{"type":26,"tag":27,"props":204,"children":205},{},[206],{"type":31,"value":207},"不少平台的做法是等真实任务报错后再收敛异常指标。这个办法对大规模平台远远不够，因为真实任务意味着你已经把客户放进了实验里。更稳的做法是给关键连接器单独做 probe：",{"type":26,"tag":209,"props":210,"children":211},"ul",{},[212,218,223],{"type":26,"tag":213,"props":214,"children":215},"li",{},[216],{"type":31,"value":217},"API 连接器定期做低风险 schema check",{"type":26,"tag":213,"props":219,"children":220},{},[221],{"type":31,"value":222},"浏览器连接器跑只读登录与页面骨架探测",{"type":26,"tag":213,"props":224,"children":225},{},[226],{"type":31,"value":227},"webhook 和 callback 对关键字段做签名和兼容性验收",{"type":26,"tag":27,"props":229,"children":230},{},[231],{"type":31,"value":232},"probe 的目的不是模拟全部业务，而是尽早回答：这个连接器今天还是不是昨天那份契约。只要这件事能提前知道，后面的限流、降级和通知都还能在客户真正受影响之前发生。",{"type":26,"tag":81,"props":234,"children":236},{"id":235},"兼容性信号必须能进入-rollout-决策而不是只待在监控面板里",[237],{"type":31,"value":238},"兼容性信号必须能进入 rollout 决策，而不是只待在监控面板里",{"type":26,"tag":27,"props":240,"children":241},{},[242],{"type":31,"value":243},"平台里最浪费的一种努力，就是 drift signal 明明已经存在，却只停留在 observability 仪表盘里。工程团队能看到“某个连接器成功率下滑”，但调度器、发布系统和客服并不会因此改变行为。结果是：",{"type":26,"tag":209,"props":245,"children":246},{},[247,252,257],{"type":26,"tag":213,"props":248,"children":249},{},[250],{"type":31,"value":251},"新租户还在继续接入这个连接器",{"type":26,"tag":213,"props":253,"children":254},{},[255],{"type":31,"value":256},"自动化任务仍照常进入高风险路径",{"type":26,"tag":213,"props":258,"children":259},{},[260],{"type":31,"value":261},"支持团队直到投诉出现才被动响应",{"type":26,"tag":27,"props":263,"children":264},{},[265],{"type":31,"value":266},"真正成熟的做法，是让 drift signal 有资格影响 rollout 和 admission：",{"type":26,"tag":209,"props":268,"children":269},{},[270,275,280],{"type":26,"tag":213,"props":271,"children":272},{},[273],{"type":31,"value":274},"兼容性探测异常时，暂停新租户放量",{"type":26,"tag":213,"props":276,"children":277},{},[278],{"type":31,"value":279},"某类 drift 超阈值时，把高风险动作自动降级为草稿或 review required",{"type":26,"tag":213,"props":281,"children":282},{},[283],{"type":31,"value":284},"同时给运营和支持团队生成明确的风险上下文",{"type":26,"tag":27,"props":286,"children":287},{},[288],{"type":31,"value":289},"这样 signal 才不是“知道了”，而是“开始改变系统行为了”。",{"type":26,"tag":81,"props":291,"children":293},{"id":292},"一个典型事故页面还打得开但业务语义已经变了",[294],{"type":31,"value":295},"一个典型事故：页面还打得开，但业务语义已经变了",{"type":26,"tag":27,"props":297,"children":298},{},[299],{"type":31,"value":300},"某团队的浏览器 agent 负责帮客户在第三方采购平台创建补货单。某次平台改版后，页面结构变化不大，按钮也还在，自动化流程看起来仍能走通。问题在于：",{"type":26,"tag":209,"props":302,"children":303},{},[304,309,314,319],{"type":26,"tag":213,"props":305,"children":306},{},[307],{"type":31,"value":308},"原来的“建议补货量”字段被改成“最小采购批量”",{"type":26,"tag":213,"props":310,"children":311},{},[312],{"type":31,"value":313},"runner 仍按照旧字段语义填写",{"type":26,"tag":213,"props":315,"children":316},{},[317],{"type":31,"value":318},"页面不会报错，提交也成功",{"type":26,"tag":213,"props":320,"children":321},{},[322],{"type":31,"value":323},"但下游采购数量开始系统性偏大",{"type":26,"tag":27,"props":325,"children":326},{},[327],{"type":31,"value":328},"这就是最危险的 drift：形式兼容了，语义却漂了。团队最后不是去改一个 selector，而是补了 contract probe，把关键字段的语义样本也纳入验证。这个事故说明，drift detection 不能只看“能不能调用成功”，还要看“成功之后还是不是原来那件事”。",{"type":26,"tag":81,"props":330,"children":332},{"id":331},"真正该先补的是连接器风险分层",[333],{"type":31,"value":334},"真正该先补的，是连接器风险分层",{"type":26,"tag":27,"props":336,"children":337},{},[338],{"type":31,"value":339},"如果你现在只能先做一层，优先别去追求覆盖所有连接器，而是先给关键连接器做风险分层：哪些连接器一旦 drift 会直接影响外发、扣费、正式写入或客户承诺，优先给它们配置 probe、compatibility score 和 rollout gate。只要所有连接器仍被当成同一种风险，平台就很难在有限精力下真正守住最关键的边界。",{"type":26,"tag":27,"props":341,"children":342},{},[343],{"type":31,"value":344},"AI agent 接外部系统越多，真正决定平台稳不稳的，越不是自己内部逻辑有多优雅，而是你有没有足够早地发现“别人已经悄悄改了规则”。等客户先发现，成本通常就已经高了。",{"type":26,"tag":27,"props":346,"children":347},{},[348],{"type":31,"value":349},"延伸阅读：",{"type":26,"tag":209,"props":351,"children":352},{},[353,360,367,374],{"type":26,"tag":213,"props":354,"children":355},{},[356],{"type":26,"tag":49,"props":357,"children":358},{"href":51},[359],{"type":31,"value":54},{"type":26,"tag":213,"props":361,"children":362},{},[363],{"type":26,"tag":49,"props":364,"children":365},{"href":59},[366],{"type":31,"value":62},{"type":26,"tag":213,"props":368,"children":369},{},[370],{"type":26,"tag":49,"props":371,"children":372},{"href":66},[373],{"type":31,"value":69},{"type":26,"tag":213,"props":375,"children":376},{},[377],{"type":26,"tag":49,"props":378,"children":379},{"href":74},[380],{"type":31,"value":77},{"title":7,"searchDepth":382,"depth":382,"links":383},3,[384,386,387,388,389],{"id":83,"depth":385,"text":86},2,{"id":199,"depth":385,"text":202},{"id":235,"depth":385,"text":238},{"id":292,"depth":385,"text":295},{"id":331,"depth":385,"text":334},"markdown","content:topics:ai:ai-agent-connector-contract-drift-detection.md","content","topics/ai/ai-agent-connector-contract-drift-detection.md","topics/ai/ai-agent-connector-contract-drift-detection","md",[397,1553,2503],{"_path":398,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":399,"description":400,"date":401,"topic":5,"author":11,"tags":402,"image":408,"imageAlt":409,"pexelsPhotoId":410,"pexelsUrl":411,"readingTime":412,"body":413,"_type":390,"_id":1550,"_source":392,"_file":1551,"_stem":1552,"_extension":395},"/topics/ai/cursor-keyboard-shortcuts-cheatsheet","Cursor 快捷键速查表（macOS/Windows）：从“会用”到“能提效”的 10 个工作流","把 Cursor 常用快捷键按任务分组（查代码、改代码、多文件、对话、审查与回滚），给出可直接照抄的工作流与最小回归清单，避免“快捷键背了也没变快”。","2026-03-02",[403,404,405,406,407],"Cursor","快捷键","AI IDE","VS Code","开发效率","/images/topics/ai/cursor-keyboard-shortcuts-cheatsheet.jpg","彩色机械键盘与鼠标的工作台面",34563105,"https://www.pexels.com/photo/colorful-mechanical-keyboard-and-mouse-setup-34563105/",12,{"type":23,"children":414,"toc":1524},[415,420,438,443,472,477,513,517,523,528,561,566,589,592,598,603,822,831,834,840,847,866,874,895,900,906,921,952,957,970,976,995,1013,1021,1026,1032,1037,1058,1066,1072,1077,1100,1105,1111,1124,1130,1148,1166,1172,1183,1201,1207,1218,1224,1229,1272,1275,1281,1289,1342,1345,1351,1357,1362,1367,1390,1408,1413,1438,1441,1447,1453,1458,1464,1469,1475,1480,1483,1489],{"type":26,"tag":27,"props":416,"children":417},{},[418],{"type":31,"value":419},"如果你在搜“Cursor 快捷键”，你大概率不是想背一张表，而是想解决这类问题：",{"type":26,"tag":209,"props":421,"children":422},{},[423,428,433],{"type":26,"tag":213,"props":424,"children":425},{},[426],{"type":31,"value":427},"为什么我用了 AI，还是很慢？（对话来回太多、改动不可控）",{"type":26,"tag":213,"props":429,"children":430},{},[431],{"type":31,"value":432},"为什么它“看起来懂了”，却改错文件/改出回归？（上下文与范围没锁住）",{"type":26,"tag":213,"props":434,"children":435},{},[436],{"type":31,"value":437},"多文件改动怎么做得安全？（验收、回滚、最小回归集）",{"type":26,"tag":27,"props":439,"children":440},{},[441],{"type":31,"value":442},"这篇文章给你两份东西：",{"type":26,"tag":444,"props":445,"children":446},"ol",{},[447,460],{"type":26,"tag":213,"props":448,"children":449},{},[450,452,458],{"type":31,"value":451},"一张",{"type":26,"tag":453,"props":454,"children":455},"strong",{},[456],{"type":31,"value":457},"按任务分组",{"type":31,"value":459},"的快捷键表（不是按功能堆在一起）",{"type":26,"tag":213,"props":461,"children":462},{},[463,465,470],{"type":31,"value":464},"一套“从需求到落地”的",{"type":26,"tag":453,"props":466,"children":467},{},[468],{"type":31,"value":469},"最小闭环工作流",{"type":31,"value":471},"（每一步都有快捷键）",{"type":26,"tag":27,"props":473,"children":474},{},[475],{"type":31,"value":476},"想看系统玩法：",{"type":26,"tag":209,"props":478,"children":479},{},[480,491,502],{"type":26,"tag":213,"props":481,"children":482},{},[483,485],{"type":31,"value":484},"入门教程看：",{"type":26,"tag":49,"props":486,"children":488},{"href":487},"/topics/ai/cursor-tutorial",[489],{"type":31,"value":490},"Cursor 使用教程（2026）",{"type":26,"tag":213,"props":492,"children":493},{},[494,496],{"type":31,"value":495},"进阶玩法看：",{"type":26,"tag":49,"props":497,"children":499},{"href":498},"/topics/ai/cursor-editor-guide",[500],{"type":31,"value":501},"Cursor 编辑器深度玩法",{"type":26,"tag":213,"props":503,"children":504},{},[505,507],{"type":31,"value":506},"规则与忽略看：",{"type":26,"tag":49,"props":508,"children":510},{"href":509},"/topics/ai/cursor-rules-cursorrules",[511],{"type":31,"value":512},"Cursor Rules 与 .cursorrules",{"type":26,"tag":514,"props":515,"children":516},"hr",{},[],{"type":26,"tag":81,"props":518,"children":520},{"id":519},"先给结论提效不是按得快而是闭环更短",[521],{"type":31,"value":522},"先给结论：提效不是“按得快”，而是“闭环更短”",{"type":26,"tag":27,"props":524,"children":525},{},[526],{"type":31,"value":527},"你可以把 Cursor 的快捷键理解为 3 条流水线：",{"type":26,"tag":209,"props":529,"children":530},{},[531,541,551],{"type":26,"tag":213,"props":532,"children":533},{},[534,539],{"type":26,"tag":453,"props":535,"children":536},{},[537],{"type":31,"value":538},"改一小段",{"type":31,"value":540},"（内联编辑）：把改动限制在一个函数/一段样式",{"type":26,"tag":213,"props":542,"children":543},{},[544,549],{"type":26,"tag":453,"props":545,"children":546},{},[547],{"type":31,"value":548},"改一组文件",{"type":31,"value":550},"（Composer）：把改动限制在一组明确文件，并要求输出 diff + 验收点",{"type":26,"tag":213,"props":552,"children":553},{},[554,559],{"type":26,"tag":453,"props":555,"children":556},{},[557],{"type":31,"value":558},"聊清楚再动手",{"type":31,"value":560},"（侧边对话）：先对齐目标、范围、验收、回滚",{"type":26,"tag":27,"props":562,"children":563},{},[564],{"type":31,"value":565},"当你觉得“它乱改/改太大”时，往往不是快捷键没记住，而是缺了两件事：",{"type":26,"tag":209,"props":567,"children":568},{},[569,579],{"type":26,"tag":213,"props":570,"children":571},{},[572,574],{"type":31,"value":573},"没有在动手前锁定",{"type":26,"tag":453,"props":575,"children":576},{},[577],{"type":31,"value":578},"范围",{"type":26,"tag":213,"props":580,"children":581},{},[582,584],{"type":31,"value":583},"没有在接受改动前准备",{"type":26,"tag":453,"props":585,"children":586},{},[587],{"type":31,"value":588},"验收/回滚",{"type":26,"tag":514,"props":590,"children":591},{},[],{"type":26,"tag":81,"props":593,"children":595},{"id":594},"快捷键速查表按任务分组",[596],{"type":31,"value":597},"快捷键速查表（按任务分组）",{"type":26,"tag":27,"props":599,"children":600},{},[601],{"type":31,"value":602},"说明：下表按“你正在做什么”组织，而不是按“功能名字”组织。不同版本快捷键可能略有差异，但核心逻辑一致。",{"type":26,"tag":88,"props":604,"children":605},{},[606,632],{"type":26,"tag":92,"props":607,"children":608},{},[609],{"type":26,"tag":96,"props":610,"children":611},{},[612,617,622,627],{"type":26,"tag":100,"props":613,"children":614},{},[615],{"type":31,"value":616},"任务",{"type":26,"tag":100,"props":618,"children":619},{},[620],{"type":31,"value":621},"macOS",{"type":26,"tag":100,"props":623,"children":624},{},[625],{"type":31,"value":626},"Windows",{"type":26,"tag":100,"props":628,"children":629},{},[630],{"type":31,"value":631},"你该在什么时候用",{"type":26,"tag":116,"props":633,"children":634},{},[635,667,698,729,760,791],{"type":26,"tag":96,"props":636,"children":637},{},[638,643,653,662],{"type":26,"tag":123,"props":639,"children":640},{},[641],{"type":31,"value":642},"改一小段（最安全）",{"type":26,"tag":123,"props":644,"children":645},{},[646],{"type":26,"tag":647,"props":648,"children":650},"code",{"className":649},[],[651],{"type":31,"value":652},"Cmd + K",{"type":26,"tag":123,"props":654,"children":655},{},[656],{"type":26,"tag":647,"props":657,"children":659},{"className":658},[],[660],{"type":31,"value":661},"Ctrl + K",{"type":26,"tag":123,"props":663,"children":664},{},[665],{"type":31,"value":666},"只想改一个函数/一段 CSS，不想动别的",{"type":26,"tag":96,"props":668,"children":669},{},[670,675,684,693],{"type":26,"tag":123,"props":671,"children":672},{},[673],{"type":31,"value":674},"打开 AI 对话（先对齐再动手）",{"type":26,"tag":123,"props":676,"children":677},{},[678],{"type":26,"tag":647,"props":679,"children":681},{"className":680},[],[682],{"type":31,"value":683},"Cmd + L",{"type":26,"tag":123,"props":685,"children":686},{},[687],{"type":26,"tag":647,"props":688,"children":690},{"className":689},[],[691],{"type":31,"value":692},"Ctrl + L",{"type":26,"tag":123,"props":694,"children":695},{},[696],{"type":31,"value":697},"需要澄清目标、制定步骤、给验收点",{"type":26,"tag":96,"props":699,"children":700},{},[701,706,715,724],{"type":26,"tag":123,"props":702,"children":703},{},[704],{"type":31,"value":705},"多文件编辑（有组织地改一组文件）",{"type":26,"tag":123,"props":707,"children":708},{},[709],{"type":26,"tag":647,"props":710,"children":712},{"className":711},[],[713],{"type":31,"value":714},"Cmd + I",{"type":26,"tag":123,"props":716,"children":717},{},[718],{"type":26,"tag":647,"props":719,"children":721},{"className":720},[],[722],{"type":31,"value":723},"Ctrl + I",{"type":26,"tag":123,"props":725,"children":726},{},[727],{"type":31,"value":728},"改动涉及多个文件：组件+样式+测试",{"type":26,"tag":96,"props":730,"children":731},{},[732,737,746,755],{"type":26,"tag":123,"props":733,"children":734},{},[735],{"type":31,"value":736},"把选中代码加入对话上下文",{"type":26,"tag":123,"props":738,"children":739},{},[740],{"type":26,"tag":647,"props":741,"children":743},{"className":742},[],[744],{"type":31,"value":745},"Cmd + Shift + L",{"type":26,"tag":123,"props":747,"children":748},{},[749],{"type":26,"tag":647,"props":750,"children":752},{"className":751},[],[753],{"type":31,"value":754},"Ctrl + Shift + L",{"type":26,"tag":123,"props":756,"children":757},{},[758],{"type":31,"value":759},"让 AI 只看你选的片段（降低噪音）",{"type":26,"tag":96,"props":761,"children":762},{},[763,768,777,786],{"type":26,"tag":123,"props":764,"children":765},{},[766],{"type":31,"value":767},"接受当前建议",{"type":26,"tag":123,"props":769,"children":770},{},[771],{"type":26,"tag":647,"props":772,"children":774},{"className":773},[],[775],{"type":31,"value":776},"Cmd + Y",{"type":26,"tag":123,"props":778,"children":779},{},[780],{"type":26,"tag":647,"props":781,"children":783},{"className":782},[],[784],{"type":31,"value":785},"Ctrl + Y",{"type":26,"tag":123,"props":787,"children":788},{},[789],{"type":31,"value":790},"你已经准备好验收/回滚，并确认改动范围",{"type":26,"tag":96,"props":792,"children":793},{},[794,799,808,817],{"type":26,"tag":123,"props":795,"children":796},{},[797],{"type":31,"value":798},"拒绝当前建议",{"type":26,"tag":123,"props":800,"children":801},{},[802],{"type":26,"tag":647,"props":803,"children":805},{"className":804},[],[806],{"type":31,"value":807},"Cmd + N",{"type":26,"tag":123,"props":809,"children":810},{},[811],{"type":26,"tag":647,"props":812,"children":814},{"className":813},[],[815],{"type":31,"value":816},"Ctrl + N",{"type":26,"tag":123,"props":818,"children":819},{},[820],{"type":31,"value":821},"改得太大、改错方向，立刻收手",{"type":26,"tag":823,"props":824,"children":825},"blockquote",{},[826],{"type":26,"tag":27,"props":827,"children":828},{},[829],{"type":31,"value":830},"小技巧：把“改一小段”当默认路径。只有当你能清晰写出“会改哪几类文件、怎么验收”时再进入多文件。",{"type":26,"tag":514,"props":832,"children":833},{},[],{"type":26,"tag":81,"props":835,"children":837},{"id":836},"_10-个可直接照抄的提效工作流每个都能闭环",[838],{"type":31,"value":839},"10 个可直接照抄的提效工作流（每个都能闭环）",{"type":26,"tag":841,"props":842,"children":844},"h3",{"id":843},"工作流-1需求计划小步改新手最稳",[845],{"type":31,"value":846},"工作流 1：需求→计划→小步改（新手最稳）",{"type":26,"tag":444,"props":848,"children":849},{},[850,861],{"type":26,"tag":213,"props":851,"children":852},{},[853,859],{"type":26,"tag":647,"props":854,"children":856},{"className":855},[],[857],{"type":31,"value":858},"Cmd/Ctrl + L",{"type":31,"value":860}," 打开对话",{"type":26,"tag":213,"props":862,"children":863},{},[864],{"type":31,"value":865},"先发这段（可复制）：",{"type":26,"tag":823,"props":867,"children":868},{},[869],{"type":26,"tag":27,"props":870,"children":871},{},[872],{"type":31,"value":873},"目标：……\n范围：只修改以下文件/模块：……\n非目标：……（明确不做）\n验收：……（可测试/可手动检查）\n输出格式：先给计划，再逐步执行；每一步写出 diff 摘要。",{"type":26,"tag":444,"props":875,"children":876},{"start":382},[877,882],{"type":26,"tag":213,"props":878,"children":879},{},[880],{"type":31,"value":881},"让 AI 先给“计划（3~6 步）”，你确认后再执行",{"type":26,"tag":213,"props":883,"children":884},{},[885,887,893],{"type":31,"value":886},"任何一步涉及改代码：优先回到编辑区，选中片段用 ",{"type":26,"tag":647,"props":888,"children":890},{"className":889},[],[891],{"type":31,"value":892},"Cmd/Ctrl + K",{"type":31,"value":894}," 小步改",{"type":26,"tag":27,"props":896,"children":897},{},[898],{"type":31,"value":899},"为什么有效：你把“想法”变成了“可执行约束”，这就是 GEO（面向 AI/模型的可理解结构）。",{"type":26,"tag":841,"props":901,"children":903},{"id":902},"工作流-2只改一个函数高频低风险",[904],{"type":31,"value":905},"工作流 2：只改一个函数（高频、低风险）",{"type":26,"tag":209,"props":907,"children":908},{},[909],{"type":26,"tag":213,"props":910,"children":911},{},[912,914,919],{"type":31,"value":913},"选中函数 → ",{"type":26,"tag":647,"props":915,"children":917},{"className":916},[],[918],{"type":31,"value":892},{"type":31,"value":920}," → 输入指令：",{"type":26,"tag":823,"props":922,"children":923},{},[924,929],{"type":26,"tag":27,"props":925,"children":926},{},[927],{"type":31,"value":928},"把这段改成更可读：",{"type":26,"tag":209,"props":930,"children":931},{},[932,937,942,947],{"type":26,"tag":213,"props":933,"children":934},{},[935],{"type":31,"value":936},"用 async/await",{"type":26,"tag":213,"props":938,"children":939},{},[940],{"type":31,"value":941},"错误处理不要吞掉",{"type":26,"tag":213,"props":943,"children":944},{},[945],{"type":31,"value":946},"添加类型（若可推断）",{"type":26,"tag":213,"props":948,"children":949},{},[950],{"type":31,"value":951},"不要改函数签名",{"type":26,"tag":27,"props":953,"children":954},{},[955],{"type":31,"value":956},"验收方式（强制）：",{"type":26,"tag":209,"props":958,"children":959},{},[960,965],{"type":26,"tag":213,"props":961,"children":962},{},[963],{"type":31,"value":964},"输出前后函数行为一致（输入/输出）",{"type":26,"tag":213,"props":966,"children":967},{},[968],{"type":31,"value":969},"失败分支有可观测日志（不要悄悄 return null）",{"type":26,"tag":841,"props":971,"children":973},{"id":972},"工作流-3多文件改动先定文件清单",[974],{"type":31,"value":975},"工作流 3：多文件改动（先定“文件清单”）",{"type":26,"tag":444,"props":977,"children":978},{},[979,990],{"type":26,"tag":213,"props":980,"children":981},{},[982,988],{"type":26,"tag":647,"props":983,"children":985},{"className":984},[],[986],{"type":31,"value":987},"Cmd/Ctrl + I",{"type":31,"value":989}," 进入多文件",{"type":26,"tag":213,"props":991,"children":992},{},[993],{"type":31,"value":994},"先让 AI 输出：",{"type":26,"tag":209,"props":996,"children":997},{},[998,1003,1008],{"type":26,"tag":213,"props":999,"children":1000},{},[1001],{"type":31,"value":1002},"预计会改哪些文件（最多 5 个）",{"type":26,"tag":213,"props":1004,"children":1005},{},[1006],{"type":31,"value":1007},"每个文件改什么",{"type":26,"tag":213,"props":1009,"children":1010},{},[1011],{"type":31,"value":1012},"每一步怎么验收",{"type":26,"tag":444,"props":1014,"children":1015},{"start":382},[1016],{"type":26,"tag":213,"props":1017,"children":1018},{},[1019],{"type":31,"value":1020},"你确认文件清单后再开始生成改动",{"type":26,"tag":27,"props":1022,"children":1023},{},[1024],{"type":31,"value":1025},"关键点：多文件最容易翻车的是“它把你没想到的文件也改了”。所以文件清单是第一道闸门。",{"type":26,"tag":841,"props":1027,"children":1029},{"id":1028},"工作流-4把上下文噪音砍掉防跑偏",[1030],{"type":31,"value":1031},"工作流 4：把“上下文噪音”砍掉（防跑偏）",{"type":26,"tag":27,"props":1033,"children":1034},{},[1035],{"type":31,"value":1036},"当你怀疑它在胡说/乱改时：",{"type":26,"tag":209,"props":1038,"children":1039},{},[1040,1053],{"type":26,"tag":213,"props":1041,"children":1042},{},[1043,1045,1051],{"type":31,"value":1044},"只选择关键代码片段 → ",{"type":26,"tag":647,"props":1046,"children":1048},{"className":1047},[],[1049],{"type":31,"value":1050},"Cmd/Ctrl + Shift + L",{"type":31,"value":1052}," 加入对话",{"type":26,"tag":213,"props":1054,"children":1055},{},[1056],{"type":31,"value":1057},"然后在对话里要求：",{"type":26,"tag":823,"props":1059,"children":1060},{},[1061],{"type":26,"tag":27,"props":1062,"children":1063},{},[1064],{"type":31,"value":1065},"只基于我提供的代码片段回答，不要假设其它文件存在。",{"type":26,"tag":841,"props":1067,"children":1069},{"id":1068},"工作流-5生成变更说明让-code-review-变快",[1070],{"type":31,"value":1071},"工作流 5：生成变更说明（让 code review 变快）",{"type":26,"tag":27,"props":1073,"children":1074},{},[1075],{"type":31,"value":1076},"改完后在对话里让它输出：",{"type":26,"tag":209,"props":1078,"children":1079},{},[1080,1085,1090,1095],{"type":26,"tag":213,"props":1081,"children":1082},{},[1083],{"type":31,"value":1084},"改动摘要（3~7 条）",{"type":26,"tag":213,"props":1086,"children":1087},{},[1088],{"type":31,"value":1089},"风险点（依赖/边界条件）",{"type":26,"tag":213,"props":1091,"children":1092},{},[1093],{"type":31,"value":1094},"回滚方式",{"type":26,"tag":213,"props":1096,"children":1097},{},[1098],{"type":31,"value":1099},"验收步骤",{"type":26,"tag":27,"props":1101,"children":1102},{},[1103],{"type":31,"value":1104},"这套结构能直接贴进 PR 描述。",{"type":26,"tag":841,"props":1106,"children":1108},{"id":1107},"工作流-6写最小回归集不写回归-等事故",[1109],{"type":31,"value":1110},"工作流 6：写“最小回归集”（不写回归 = 等事故）",{"type":26,"tag":27,"props":1112,"children":1113},{},[1114,1116,1122],{"type":31,"value":1115},"每次改动都至少做 10 条最小回归（见下文清单）。你可以把它写在 ",{"type":26,"tag":647,"props":1117,"children":1119},{"className":1118},[],[1120],{"type":31,"value":1121},"README",{"type":31,"value":1123}," 或团队 wiki。",{"type":26,"tag":841,"props":1125,"children":1127},{"id":1126},"工作流-7把接受建议变成最后一步",[1128],{"type":31,"value":1129},"工作流 7：把“接受建议”变成最后一步",{"type":26,"tag":27,"props":1131,"children":1132},{},[1133,1139,1141,1146],{"type":26,"tag":647,"props":1134,"children":1136},{"className":1135},[],[1137],{"type":31,"value":1138},"Cmd/Ctrl + Y",{"type":31,"value":1140}," 应该是",{"type":26,"tag":453,"props":1142,"children":1143},{},[1144],{"type":31,"value":1145},"最后一步",{"type":31,"value":1147},"：",{"type":26,"tag":209,"props":1149,"children":1150},{},[1151,1156,1161],{"type":26,"tag":213,"props":1152,"children":1153},{},[1154],{"type":31,"value":1155},"你已经看过 diff",{"type":26,"tag":213,"props":1157,"children":1158},{},[1159],{"type":31,"value":1160},"你能说清楚“怎么验收”",{"type":26,"tag":213,"props":1162,"children":1163},{},[1164],{"type":31,"value":1165},"你知道“怎么回滚”",{"type":26,"tag":841,"props":1167,"children":1169},{"id":1168},"工作流-8拒绝建议不是失败是风控动作",[1170],{"type":31,"value":1171},"工作流 8：拒绝建议不是失败，是风控动作",{"type":26,"tag":27,"props":1173,"children":1174},{},[1175,1181],{"type":26,"tag":647,"props":1176,"children":1178},{"className":1177},[],[1179],{"type":31,"value":1180},"Cmd/Ctrl + N",{"type":31,"value":1182}," 的使用时机：",{"type":26,"tag":209,"props":1184,"children":1185},{},[1186,1191,1196],{"type":26,"tag":213,"props":1187,"children":1188},{},[1189],{"type":31,"value":1190},"它开始改你没提过的东西（范围漂移）",{"type":26,"tag":213,"props":1192,"children":1193},{},[1194],{"type":31,"value":1195},"它改了 10 个文件但你只想改 1 个",{"type":26,"tag":213,"props":1197,"children":1198},{},[1199],{"type":31,"value":1200},"它为了“更优雅”引入新依赖/新抽象",{"type":26,"tag":841,"props":1202,"children":1204},{"id":1203},"工作流-9重复任务做成模板提示词不是一次性",[1205],{"type":31,"value":1206},"工作流 9：重复任务做成模板（提示词不是一次性）",{"type":26,"tag":27,"props":1208,"children":1209},{},[1210,1212,1216],{"type":31,"value":1211},"把高频任务（比如“写组件+样式+验收”）固化成模板，放进 Rules（见：",{"type":26,"tag":49,"props":1213,"children":1214},{"href":509},[1215],{"type":31,"value":512},{"type":31,"value":1217},"）。",{"type":26,"tag":841,"props":1219,"children":1221},{"id":1220},"工作流-10把快捷键表做成你自己的任务表",[1222],{"type":31,"value":1223},"工作流 10：把“快捷键表”做成你自己的任务表",{"type":26,"tag":27,"props":1225,"children":1226},{},[1227],{"type":31,"value":1228},"你不需要记住所有快捷键，只需要记住：",{"type":26,"tag":209,"props":1230,"children":1231},{},[1232,1242,1252,1262],{"type":26,"tag":213,"props":1233,"children":1234},{},[1235,1237],{"type":31,"value":1236},"小步改：",{"type":26,"tag":647,"props":1238,"children":1240},{"className":1239},[],[1241],{"type":31,"value":892},{"type":26,"tag":213,"props":1243,"children":1244},{},[1245,1247],{"type":31,"value":1246},"先对齐：",{"type":26,"tag":647,"props":1248,"children":1250},{"className":1249},[],[1251],{"type":31,"value":858},{"type":26,"tag":213,"props":1253,"children":1254},{},[1255,1257],{"type":31,"value":1256},"多文件：",{"type":26,"tag":647,"props":1258,"children":1260},{"className":1259},[],[1261],{"type":31,"value":987},{"type":26,"tag":213,"props":1263,"children":1264},{},[1265,1267],{"type":31,"value":1266},"上下文聚焦：",{"type":26,"tag":647,"props":1268,"children":1270},{"className":1269},[],[1271],{"type":31,"value":1050},{"type":26,"tag":514,"props":1273,"children":1274},{},[],{"type":26,"tag":81,"props":1276,"children":1278},{"id":1277},"必交付物-1最小回归任务清单10-条通用",[1279],{"type":31,"value":1280},"必交付物 1：最小回归任务清单（10 条，通用）",{"type":26,"tag":823,"props":1282,"children":1283},{},[1284],{"type":26,"tag":27,"props":1285,"children":1286},{},[1287],{"type":31,"value":1288},"这份清单的意义：让每次 AI 改动都能“被验证”。否则你只是把不可控变成了更快的不可控。",{"type":26,"tag":444,"props":1290,"children":1291},{},[1292,1297,1302,1307,1312,1317,1322,1327,1332,1337],{"type":26,"tag":213,"props":1293,"children":1294},{},[1295],{"type":31,"value":1296},"关键路径能跑通（手动点击/请求一次）",{"type":26,"tag":213,"props":1298,"children":1299},{},[1300],{"type":31,"value":1301},"错误路径能触发（模拟一次失败输入）",{"type":26,"tag":213,"props":1303,"children":1304},{},[1305],{"type":31,"value":1306},"控制台无新增错误（至少关注 1 次真实操作）",{"type":26,"tag":213,"props":1308,"children":1309},{},[1310],{"type":31,"value":1311},"关键 UI 未错位（移动端/桌面端各看一眼）",{"type":26,"tag":213,"props":1313,"children":1314},{},[1315],{"type":31,"value":1316},"刷新后状态正确（尤其是表单/列表）",{"type":26,"tag":213,"props":1318,"children":1319},{},[1320],{"type":31,"value":1321},"路由跳转没断（从入口到目标页）",{"type":26,"tag":213,"props":1323,"children":1324},{},[1325],{"type":31,"value":1326},"相关接口未改变契约（字段名/类型）",{"type":26,"tag":213,"props":1328,"children":1329},{},[1330],{"type":31,"value":1331},"性能没有明显退化（首屏、交互卡顿）",{"type":26,"tag":213,"props":1333,"children":1334},{},[1335],{"type":31,"value":1336},"回滚方案可执行（知道回滚哪几个文件/commit）",{"type":26,"tag":213,"props":1338,"children":1339},{},[1340],{"type":31,"value":1341},"写下“这次改动解决了什么、风险是什么”（可贴 PR）",{"type":26,"tag":514,"props":1343,"children":1344},{},[],{"type":26,"tag":81,"props":1346,"children":1348},{"id":1347},"必交付物-2失败案例复盘真实会发生",[1349],{"type":31,"value":1350},"必交付物 2：失败案例复盘（真实会发生）",{"type":26,"tag":841,"props":1352,"children":1354},{"id":1353},"现象快捷键用得很熟但交付还是慢",[1355],{"type":31,"value":1356},"现象：快捷键用得很熟，但交付还是慢",{"type":26,"tag":27,"props":1358,"children":1359},{},[1360],{"type":31,"value":1361},"典型原因：你把 Cursor 当成“更聪明的搜索框”，不断对话，直到它给出你想要的答案。",{"type":26,"tag":27,"props":1363,"children":1364},{},[1365],{"type":31,"value":1366},"复现路径：",{"type":26,"tag":209,"props":1368,"children":1369},{},[1370,1375,1380,1385],{"type":26,"tag":213,"props":1371,"children":1372},{},[1373],{"type":31,"value":1374},"你直接说“把页面做得更好看、更高级”",{"type":26,"tag":213,"props":1376,"children":1377},{},[1378],{"type":31,"value":1379},"AI 开始大改样式、抽象组件、甚至引入新依赖",{"type":26,"tag":213,"props":1381,"children":1382},{},[1383],{"type":31,"value":1384},"你为了省事按了“接受建议”",{"type":26,"tag":213,"props":1386,"children":1387},{},[1388],{"type":31,"value":1389},"最后发现：设计没统一、移动端崩、甚至埋了性能问题",{"type":26,"tag":27,"props":1391,"children":1392},{},[1393,1395,1399,1401,1406],{"type":31,"value":1394},"根因：缺少",{"type":26,"tag":453,"props":1396,"children":1397},{},[1398],{"type":31,"value":578},{"type":31,"value":1400},"与",{"type":26,"tag":453,"props":1402,"children":1403},{},[1404],{"type":31,"value":1405},"验收",{"type":31,"value":1407},"。",{"type":26,"tag":27,"props":1409,"children":1410},{},[1411],{"type":31,"value":1412},"修复方式（可照抄）：",{"type":26,"tag":209,"props":1414,"children":1415},{},[1416,1421,1433],{"type":26,"tag":213,"props":1417,"children":1418},{},[1419],{"type":31,"value":1420},"把需求拆成 3 个可验证目标：例如“按钮样式统一”“首屏 CTA 更明显”“移动端间距不挤”",{"type":26,"tag":213,"props":1422,"children":1423},{},[1424,1426,1431],{"type":31,"value":1425},"每个目标只用 ",{"type":26,"tag":647,"props":1427,"children":1429},{"className":1428},[],[1430],{"type":31,"value":892},{"type":31,"value":1432}," 改一个局部",{"type":26,"tag":213,"props":1434,"children":1435},{},[1436],{"type":31,"value":1437},"每次接受建议前跑一遍“最小回归集”",{"type":26,"tag":514,"props":1439,"children":1440},{},[],{"type":26,"tag":81,"props":1442,"children":1444},{"id":1443},"faq高频问题",[1445],{"type":31,"value":1446},"FAQ（高频问题）",{"type":26,"tag":841,"props":1448,"children":1450},{"id":1449},"q1我应该先记快捷键还是先学工作流",[1451],{"type":31,"value":1452},"Q1：我应该先记快捷键还是先学工作流？",{"type":26,"tag":27,"props":1454,"children":1455},{},[1456],{"type":31,"value":1457},"先学工作流。快捷键只是把工作流的步骤变短。",{"type":26,"tag":841,"props":1459,"children":1461},{"id":1460},"q2为什么我一用多文件就容易翻车",[1462],{"type":31,"value":1463},"Q2：为什么我一用多文件就容易翻车？",{"type":26,"tag":27,"props":1465,"children":1466},{},[1467],{"type":31,"value":1468},"因为多文件意味着范围更大、依赖更多、验收更难。先锁定“文件清单 + 每步验收”，再让它动手。",{"type":26,"tag":841,"props":1470,"children":1472},{"id":1471},"q3有没有万能提示词",[1473],{"type":31,"value":1474},"Q3：有没有“万能提示词”？",{"type":26,"tag":27,"props":1476,"children":1477},{},[1478],{"type":31,"value":1479},"没有，但有“万能结构”：目标、范围、非目标、验收、输出格式。",{"type":26,"tag":514,"props":1481,"children":1482},{},[],{"type":26,"tag":81,"props":1484,"children":1486},{"id":1485},"延伸阅读建议按顺序",[1487],{"type":31,"value":1488},"延伸阅读（建议按顺序）",{"type":26,"tag":209,"props":1490,"children":1491},{},[1492,1499,1506,1513],{"type":26,"tag":213,"props":1493,"children":1494},{},[1495],{"type":26,"tag":49,"props":1496,"children":1497},{"href":487},[1498],{"type":31,"value":490},{"type":26,"tag":213,"props":1500,"children":1501},{},[1502],{"type":26,"tag":49,"props":1503,"children":1504},{"href":498},[1505],{"type":31,"value":501},{"type":26,"tag":213,"props":1507,"children":1508},{},[1509],{"type":26,"tag":49,"props":1510,"children":1511},{"href":509},[1512],{"type":31,"value":512},{"type":26,"tag":213,"props":1514,"children":1515},{},[1516,1518],{"type":31,"value":1517},"如果你更关心“网页制作落地”：看这篇 ",{"type":26,"tag":49,"props":1519,"children":1521},{"href":1520},"/topics/practical-tips/htmlpage-quick-landing-page",[1522],{"type":31,"value":1523},"3 分钟用 HTMLPAGE 做落地页",{"title":7,"searchDepth":382,"depth":382,"links":1525},[1526,1527,1528,1540,1541,1544,1549],{"id":519,"depth":385,"text":522},{"id":594,"depth":385,"text":597},{"id":836,"depth":385,"text":839,"children":1529},[1530,1531,1532,1533,1534,1535,1536,1537,1538,1539],{"id":843,"depth":382,"text":846},{"id":902,"depth":382,"text":905},{"id":972,"depth":382,"text":975},{"id":1028,"depth":382,"text":1031},{"id":1068,"depth":382,"text":1071},{"id":1107,"depth":382,"text":1110},{"id":1126,"depth":382,"text":1129},{"id":1168,"depth":382,"text":1171},{"id":1203,"depth":382,"text":1206},{"id":1220,"depth":382,"text":1223},{"id":1277,"depth":385,"text":1280},{"id":1347,"depth":385,"text":1350,"children":1542},[1543],{"id":1353,"depth":382,"text":1356},{"id":1443,"depth":385,"text":1446,"children":1545},[1546,1547,1548],{"id":1449,"depth":382,"text":1452},{"id":1460,"depth":382,"text":1463},{"id":1471,"depth":382,"text":1474},{"id":1485,"depth":385,"text":1488},"content:topics:ai:cursor-keyboard-shortcuts-cheatsheet.md","topics/ai/cursor-keyboard-shortcuts-cheatsheet.md","topics/ai/cursor-keyboard-shortcuts-cheatsheet",{"_path":1554,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1555,"description":1556,"date":1557,"topic":5,"author":11,"tags":1558,"image":1562,"imageAlt":1563,"pexelsPhotoId":1564,"pexelsUrl":1565,"readingTime":1566,"body":1567,"_type":390,"_id":2500,"_source":392,"_file":2501,"_stem":2502,"_extension":395},"/topics/ai/cursor-vs-copilot-vscode-workflow","Cursor vs GitHub Copilot vs VS Code：怎么选、怎么搭配、怎么把风险关在笼子里","用“任务类型×风险×验收成本”的选择矩阵解释 Cursor/Copilot/VS Code 的差异，并给出一套可落地的协作工作流（范围闸门、最小回归集、回滚策略）。","2026-03-01",[403,1559,406,1560,1561],"GitHub Copilot","AI 编程","工作流","/images/topics/ai/cursor-vs-copilot-vscode-workflow.jpg","团队在电脑前进行协作讨论",1181371,"https://www.pexels.com/photo/man-wearing-blue-dress-shirt-1181371/",15,{"type":23,"children":1568,"toc":2478},[1569,1574,1579,1597,1602,1620,1623,1629,1634,1665,1670,1673,1679,1687,1891,1899,1912,1915,1921,1927,1940,1945,1958,1964,1969,2002,2008,2013,2031,2034,2040,2045,2051,2056,2089,2095,2108,2113,2126,2132,2144,2150,2155,2168,2173,2176,2182,2187,2308,2311,2317,2327,2336,2354,2363,2371,2380,2398,2401,2407,2413,2418,2424,2429,2432,2437],{"type":26,"tag":27,"props":1570,"children":1571},{},[1572],{"type":31,"value":1573},"“Cursor 和 Copilot 到底有什么区别？”",{"type":26,"tag":27,"props":1575,"children":1576},{},[1577],{"type":31,"value":1578},"这个问题问得越早越好，因为你一旦把工具选错，后面所有痛苦都不是“提示词不够好”，而是：",{"type":26,"tag":209,"props":1580,"children":1581},{},[1582,1587,1592],{"type":26,"tag":213,"props":1583,"children":1584},{},[1585],{"type":31,"value":1586},"改动不可控（范围漂移、改错文件）",{"type":26,"tag":213,"props":1588,"children":1589},{},[1590],{"type":31,"value":1591},"验收成本爆炸（不知道要测什么）",{"type":26,"tag":213,"props":1593,"children":1594},{},[1595],{"type":31,"value":1596},"团队协作崩盘（没有闸门、没有回滚）",{"type":26,"tag":27,"props":1598,"children":1599},{},[1600],{"type":31,"value":1601},"这篇文章用一张选择矩阵 + 一套可执行工作流，帮你做到两件事：",{"type":26,"tag":444,"props":1603,"children":1604},{},[1605,1610],{"type":26,"tag":213,"props":1606,"children":1607},{},[1608],{"type":31,"value":1609},"知道什么时候用 Cursor、什么时候用 Copilot、什么时候“纯 VS Code 更快”",{"type":26,"tag":213,"props":1611,"children":1612},{},[1613,1615],{"type":31,"value":1614},"就算用 AI，也能把风险关在笼子里：",{"type":26,"tag":453,"props":1616,"children":1617},{},[1618],{"type":31,"value":1619},"可审查、可验证、可回滚",{"type":26,"tag":514,"props":1621,"children":1622},{},[],{"type":26,"tag":81,"props":1624,"children":1626},{"id":1625},"结论先说三者不是互斥而是分工",[1627],{"type":31,"value":1628},"结论先说：三者不是互斥，而是分工",{"type":26,"tag":27,"props":1630,"children":1631},{},[1632],{"type":31,"value":1633},"你可以把它们看成三层能力：",{"type":26,"tag":209,"props":1635,"children":1636},{},[1637,1646,1656],{"type":26,"tag":213,"props":1638,"children":1639},{},[1640,1644],{"type":26,"tag":453,"props":1641,"children":1642},{},[1643],{"type":31,"value":406},{"type":31,"value":1645},"：编辑器与生态（调试、插件、任务、终端、语言服务）",{"type":26,"tag":213,"props":1647,"children":1648},{},[1649,1654],{"type":26,"tag":453,"props":1650,"children":1651},{},[1652],{"type":31,"value":1653},"Copilot",{"type":31,"value":1655},"：代码补全与局部建议（“我正在写这一行/这一段”）",{"type":26,"tag":213,"props":1657,"children":1658},{},[1659,1663],{"type":26,"tag":453,"props":1660,"children":1661},{},[1662],{"type":31,"value":403},{"type":31,"value":1664},"：以项目为单位的 AI 协作（对话、索引、多文件编辑、规则）",{"type":26,"tag":27,"props":1666,"children":1667},{},[1668],{"type":31,"value":1669},"最常见的误区是：把“局部补全能力”当作“能做架构与多文件落地”。",{"type":26,"tag":514,"props":1671,"children":1672},{},[],{"type":26,"tag":81,"props":1674,"children":1676},{"id":1675},"选择矩阵按任务类型选工具不是按偏好",[1677],{"type":31,"value":1678},"选择矩阵：按任务类型选工具（不是按偏好）",{"type":26,"tag":823,"props":1680,"children":1681},{},[1682],{"type":26,"tag":27,"props":1683,"children":1684},{},[1685],{"type":31,"value":1686},"你只要把自己的任务放进表格，就能得到推荐路径。",{"type":26,"tag":88,"props":1688,"children":1689},{},[1690,1722],{"type":26,"tag":92,"props":1691,"children":1692},{},[1693],{"type":26,"tag":96,"props":1694,"children":1695},{},[1696,1701,1707,1712,1717],{"type":26,"tag":100,"props":1697,"children":1698},{},[1699],{"type":31,"value":1700},"任务类型",{"type":26,"tag":100,"props":1702,"children":1704},{"align":1703},"right",[1705],{"type":31,"value":1706},"风险",{"type":26,"tag":100,"props":1708,"children":1709},{"align":1703},[1710],{"type":31,"value":1711},"验收成本",{"type":26,"tag":100,"props":1713,"children":1714},{},[1715],{"type":31,"value":1716},"更推荐",{"type":26,"tag":100,"props":1718,"children":1719},{},[1720],{"type":31,"value":1721},"为什么",{"type":26,"tag":116,"props":1723,"children":1724},{},[1725,1752,1785,1811,1838,1865],{"type":26,"tag":96,"props":1726,"children":1727},{},[1728,1733,1738,1742,1747],{"type":26,"tag":123,"props":1729,"children":1730},{},[1731],{"type":31,"value":1732},"写一段代码/补一个 if",{"type":26,"tag":123,"props":1734,"children":1735},{"align":1703},[1736],{"type":31,"value":1737},"低",{"type":26,"tag":123,"props":1739,"children":1740},{"align":1703},[1741],{"type":31,"value":1737},{"type":26,"tag":123,"props":1743,"children":1744},{},[1745],{"type":31,"value":1746},"Copilot / Cursor 内联编辑",{"type":26,"tag":123,"props":1748,"children":1749},{},[1750],{"type":31,"value":1751},"局部建议足够，成本最低",{"type":26,"tag":96,"props":1753,"children":1754},{},[1755,1760,1765,1769,1780],{"type":26,"tag":123,"props":1756,"children":1757},{},[1758],{"type":31,"value":1759},"重构一个函数",{"type":26,"tag":123,"props":1761,"children":1762},{"align":1703},[1763],{"type":31,"value":1764},"中",{"type":26,"tag":123,"props":1766,"children":1767},{"align":1703},[1768],{"type":31,"value":1764},{"type":26,"tag":123,"props":1770,"children":1771},{},[1772,1774],{"type":31,"value":1773},"Cursor ",{"type":26,"tag":647,"props":1775,"children":1777},{"className":1776},[],[1778],{"type":31,"value":1779},"内联编辑",{"type":26,"tag":123,"props":1781,"children":1782},{},[1783],{"type":31,"value":1784},"需要解释、需要约束输出",{"type":26,"tag":96,"props":1786,"children":1787},{},[1788,1793,1797,1801,1806],{"type":26,"tag":123,"props":1789,"children":1790},{},[1791],{"type":31,"value":1792},"改一个组件 + 样式",{"type":26,"tag":123,"props":1794,"children":1795},{"align":1703},[1796],{"type":31,"value":1764},{"type":26,"tag":123,"props":1798,"children":1799},{"align":1703},[1800],{"type":31,"value":1764},{"type":26,"tag":123,"props":1802,"children":1803},{},[1804],{"type":31,"value":1805},"Cursor（小范围多文件）",{"type":26,"tag":123,"props":1807,"children":1808},{},[1809],{"type":31,"value":1810},"需要同时改模板与样式",{"type":26,"tag":96,"props":1812,"children":1813},{},[1814,1819,1824,1828,1833],{"type":26,"tag":123,"props":1815,"children":1816},{},[1817],{"type":31,"value":1818},"改 3~5 个文件（组件+api+测试）",{"type":26,"tag":123,"props":1820,"children":1821},{"align":1703},[1822],{"type":31,"value":1823},"高",{"type":26,"tag":123,"props":1825,"children":1826},{"align":1703},[1827],{"type":31,"value":1823},{"type":26,"tag":123,"props":1829,"children":1830},{},[1831],{"type":31,"value":1832},"Cursor Composer + 闸门",{"type":26,"tag":123,"props":1834,"children":1835},{},[1836],{"type":31,"value":1837},"需要计划、验收、回滚",{"type":26,"tag":96,"props":1839,"children":1840},{},[1841,1846,1851,1855,1860],{"type":26,"tag":123,"props":1842,"children":1843},{},[1844],{"type":31,"value":1845},"重写一段架构/引入新依赖",{"type":26,"tag":123,"props":1847,"children":1848},{"align":1703},[1849],{"type":31,"value":1850},"很高",{"type":26,"tag":123,"props":1852,"children":1853},{"align":1703},[1854],{"type":31,"value":1850},{"type":26,"tag":123,"props":1856,"children":1857},{},[1858],{"type":31,"value":1859},"先人脑设计 + VS Code 实现",{"type":26,"tag":123,"props":1861,"children":1862},{},[1863],{"type":31,"value":1864},"AI 易发散，最好先设计再执行",{"type":26,"tag":96,"props":1866,"children":1867},{},[1868,1873,1877,1881,1886],{"type":26,"tag":123,"props":1869,"children":1870},{},[1871],{"type":31,"value":1872},"排查线上问题/性能抖动",{"type":26,"tag":123,"props":1874,"children":1875},{"align":1703},[1876],{"type":31,"value":1823},{"type":26,"tag":123,"props":1878,"children":1879},{"align":1703},[1880],{"type":31,"value":1850},{"type":26,"tag":123,"props":1882,"children":1883},{},[1884],{"type":31,"value":1885},"VS Code + 工具链优先，AI 辅助归纳",{"type":26,"tag":123,"props":1887,"children":1888},{},[1889],{"type":31,"value":1890},"需要证据，不要“猜”",{"type":26,"tag":27,"props":1892,"children":1893},{},[1894],{"type":26,"tag":453,"props":1895,"children":1896},{},[1897],{"type":31,"value":1898},"一句话规则：",{"type":26,"tag":209,"props":1900,"children":1901},{},[1902,1907],{"type":26,"tag":213,"props":1903,"children":1904},{},[1905],{"type":31,"value":1906},"当你的改动可以用“10 条最小回归集”覆盖时，用 Cursor。",{"type":26,"tag":213,"props":1908,"children":1909},{},[1910],{"type":31,"value":1911},"当你的改动无法验证时，先别让 AI 动手。",{"type":26,"tag":514,"props":1913,"children":1914},{},[],{"type":26,"tag":81,"props":1916,"children":1918},{"id":1917},"差异拆解到底差在哪里",[1919],{"type":31,"value":1920},"差异拆解：到底差在哪里？",{"type":26,"tag":841,"props":1922,"children":1924},{"id":1923},"_1-上下文来源补全-vs-项目索引",[1925],{"type":31,"value":1926},"1) 上下文来源：补全 vs 项目索引",{"type":26,"tag":209,"props":1928,"children":1929},{},[1930,1935],{"type":26,"tag":213,"props":1931,"children":1932},{},[1933],{"type":31,"value":1934},"Copilot 更擅长：你正在写的这几行、当前文件的局部上下文",{"type":26,"tag":213,"props":1936,"children":1937},{},[1938],{"type":31,"value":1939},"Cursor 更擅长：项目级索引 + 多文件关联理解",{"type":26,"tag":27,"props":1941,"children":1942},{},[1943],{"type":31,"value":1944},"因此：",{"type":26,"tag":209,"props":1946,"children":1947},{},[1948,1953],{"type":26,"tag":213,"props":1949,"children":1950},{},[1951],{"type":31,"value":1952},"写代码片段：Copilot 速度更快",{"type":26,"tag":213,"props":1954,"children":1955},{},[1956],{"type":31,"value":1957},"改一坨工程：Cursor 更有胜算（但更需要闸门）",{"type":26,"tag":841,"props":1959,"children":1961},{"id":1960},"_2-交互方式你能不能控制范围",[1962],{"type":31,"value":1963},"2) 交互方式：你能不能控制范围",{"type":26,"tag":27,"props":1965,"children":1966},{},[1967],{"type":31,"value":1968},"范围控制的三个层级：",{"type":26,"tag":444,"props":1970,"children":1971},{},[1972,1982,1992],{"type":26,"tag":213,"props":1973,"children":1974},{},[1975,1977],{"type":31,"value":1976},"内联编辑（选中一段）→ ",{"type":26,"tag":453,"props":1978,"children":1979},{},[1980],{"type":31,"value":1981},"最强范围控制",{"type":26,"tag":213,"props":1983,"children":1984},{},[1985,1987],{"type":31,"value":1986},"Composer 多文件（先列文件清单）→ ",{"type":26,"tag":453,"props":1988,"children":1989},{},[1990],{"type":31,"value":1991},"可控但要闸门",{"type":26,"tag":213,"props":1993,"children":1994},{},[1995,1997],{"type":31,"value":1996},"大对话（泛目标）→ ",{"type":26,"tag":453,"props":1998,"children":1999},{},[2000],{"type":31,"value":2001},"最容易跑偏",{"type":26,"tag":841,"props":2003,"children":2005},{"id":2004},"_3-输出形态建议-vs-可审查的变更",[2006],{"type":31,"value":2007},"3) 输出形态：建议 vs 可审查的变更",{"type":26,"tag":27,"props":2009,"children":2010},{},[2011],{"type":31,"value":2012},"最好的 AI 输出不是“给我一段代码”，而是：",{"type":26,"tag":209,"props":2014,"children":2015},{},[2016,2021,2026],{"type":26,"tag":213,"props":2017,"children":2018},{},[2019],{"type":31,"value":2020},"改动摘要（做了什么）",{"type":26,"tag":213,"props":2022,"children":2023},{},[2024],{"type":31,"value":2025},"diff 级别的可审查变更",{"type":26,"tag":213,"props":2027,"children":2028},{},[2029],{"type":31,"value":2030},"验收步骤与回滚方案",{"type":26,"tag":514,"props":2032,"children":2033},{},[],{"type":26,"tag":81,"props":2035,"children":2037},{"id":2036},"一套可落地的团队工作流把风险关住",[2038],{"type":31,"value":2039},"一套可落地的团队工作流（把风险关住）",{"type":26,"tag":27,"props":2041,"children":2042},{},[2043],{"type":31,"value":2044},"下面这套流程，你可以直接写进团队规范：",{"type":26,"tag":841,"props":2046,"children":2048},{"id":2047},"step-1先写任务单geo-友好结构",[2049],{"type":31,"value":2050},"Step 1：先写任务单（GEO 友好结构）",{"type":26,"tag":27,"props":2052,"children":2053},{},[2054],{"type":31,"value":2055},"模板：",{"type":26,"tag":209,"props":2057,"children":2058},{},[2059,2064,2069,2074,2079,2084],{"type":26,"tag":213,"props":2060,"children":2061},{},[2062],{"type":31,"value":2063},"目标：……",{"type":26,"tag":213,"props":2065,"children":2066},{},[2067],{"type":31,"value":2068},"背景：……",{"type":26,"tag":213,"props":2070,"children":2071},{},[2072],{"type":31,"value":2073},"范围：只改这些文件/模块：……",{"type":26,"tag":213,"props":2075,"children":2076},{},[2077],{"type":31,"value":2078},"非目标：不做哪些事情：……",{"type":26,"tag":213,"props":2080,"children":2081},{},[2082],{"type":31,"value":2083},"验收：如何判断完成（可测试/可观察）：……",{"type":26,"tag":213,"props":2085,"children":2086},{},[2087],{"type":31,"value":2088},"回滚：如果失败怎么撤回：……",{"type":26,"tag":841,"props":2090,"children":2092},{"id":2091},"step-2用范围闸门限制-ai",[2093],{"type":31,"value":2094},"Step 2：用“范围闸门”限制 AI",{"type":26,"tag":209,"props":2096,"children":2097},{},[2098,2103],{"type":26,"tag":213,"props":2099,"children":2100},{},[2101],{"type":31,"value":2102},"单文件改动：优先 Cursor 内联编辑",{"type":26,"tag":213,"props":2104,"children":2105},{},[2106],{"type":31,"value":2107},"多文件改动：必须先让 AI 输出“文件清单（≤5）+ 每步验收”",{"type":26,"tag":27,"props":2109,"children":2110},{},[2111],{"type":31,"value":2112},"如果 AI 输出的文件清单超过 5 个：",{"type":26,"tag":209,"props":2114,"children":2115},{},[2116,2121],{"type":26,"tag":213,"props":2117,"children":2118},{},[2119],{"type":31,"value":2120},"不是它太强，是任务太大",{"type":26,"tag":213,"props":2122,"children":2123},{},[2124],{"type":31,"value":2125},"你需要拆任务，而不是继续推进",{"type":26,"tag":841,"props":2127,"children":2129},{"id":2128},"step-3最小回归集10-条",[2130],{"type":31,"value":2131},"Step 3：最小回归集（10 条）",{"type":26,"tag":27,"props":2133,"children":2134},{},[2135,2137,2142],{"type":31,"value":2136},"每次接受改动前必须跑（可参考：",{"type":26,"tag":49,"props":2138,"children":2139},{"href":398},[2140],{"type":31,"value":2141},"Cursor 快捷键速查表",{"type":31,"value":2143}," 里的清单）。",{"type":26,"tag":841,"props":2145,"children":2147},{"id":2146},"step-4回滚策略不用等事故才想",[2148],{"type":31,"value":2149},"Step 4：回滚策略（不用等事故才想）",{"type":26,"tag":27,"props":2151,"children":2152},{},[2153],{"type":31,"value":2154},"回滚最常见的两条路：",{"type":26,"tag":209,"props":2156,"children":2157},{},[2158,2163],{"type":26,"tag":213,"props":2159,"children":2160},{},[2161],{"type":31,"value":2162},"git 回滚 commit",{"type":26,"tag":213,"props":2164,"children":2165},{},[2166],{"type":31,"value":2167},"对关键文件保留前版本（至少能快速恢复）",{"type":26,"tag":27,"props":2169,"children":2170},{},[2171],{"type":31,"value":2172},"你需要做到：任何一轮 AI 改动都能在 5 分钟内撤回。",{"type":26,"tag":514,"props":2174,"children":2175},{},[],{"type":26,"tag":81,"props":2177,"children":2179},{"id":2178},"必交付物对比矩阵可复制",[2180],{"type":31,"value":2181},"必交付物：对比矩阵（可复制）",{"type":26,"tag":27,"props":2183,"children":2184},{},[2185],{"type":31,"value":2186},"下面这张表可以直接贴到你的团队 wiki：",{"type":26,"tag":88,"props":2188,"children":2189},{},[2190,2213],{"type":26,"tag":92,"props":2191,"children":2192},{},[2193],{"type":26,"tag":96,"props":2194,"children":2195},{},[2196,2201,2205,2209],{"type":26,"tag":100,"props":2197,"children":2198},{},[2199],{"type":31,"value":2200},"维度",{"type":26,"tag":100,"props":2202,"children":2203},{},[2204],{"type":31,"value":406},{"type":26,"tag":100,"props":2206,"children":2207},{},[2208],{"type":31,"value":1653},{"type":26,"tag":100,"props":2210,"children":2211},{},[2212],{"type":31,"value":403},{"type":26,"tag":116,"props":2214,"children":2215},{},[2216,2239,2262,2285],{"type":26,"tag":96,"props":2217,"children":2218},{},[2219,2224,2229,2234],{"type":26,"tag":123,"props":2220,"children":2221},{},[2222],{"type":31,"value":2223},"强项",{"type":26,"tag":123,"props":2225,"children":2226},{},[2227],{"type":31,"value":2228},"工具链、调试、生态",{"type":26,"tag":123,"props":2230,"children":2231},{},[2232],{"type":31,"value":2233},"补全与局部建议",{"type":26,"tag":123,"props":2235,"children":2236},{},[2237],{"type":31,"value":2238},"项目上下文、多文件落地",{"type":26,"tag":96,"props":2240,"children":2241},{},[2242,2247,2252,2257],{"type":26,"tag":123,"props":2243,"children":2244},{},[2245],{"type":31,"value":2246},"适合任务",{"type":26,"tag":123,"props":2248,"children":2249},{},[2250],{"type":31,"value":2251},"排查、调试、验证",{"type":26,"tag":123,"props":2253,"children":2254},{},[2255],{"type":31,"value":2256},"写一段、补一段",{"type":26,"tag":123,"props":2258,"children":2259},{},[2260],{"type":31,"value":2261},"改一段、改一组文件",{"type":26,"tag":96,"props":2263,"children":2264},{},[2265,2270,2275,2280],{"type":26,"tag":123,"props":2266,"children":2267},{},[2268],{"type":31,"value":2269},"最大风险",{"type":26,"tag":123,"props":2271,"children":2272},{},[2273],{"type":31,"value":2274},"无",{"type":26,"tag":123,"props":2276,"children":2277},{},[2278],{"type":31,"value":2279},"过度依赖建议",{"type":26,"tag":123,"props":2281,"children":2282},{},[2283],{"type":31,"value":2284},"范围漂移、多文件回归",{"type":26,"tag":96,"props":2286,"children":2287},{},[2288,2293,2298,2303],{"type":26,"tag":123,"props":2289,"children":2290},{},[2291],{"type":31,"value":2292},"必须搭配",{"type":26,"tag":123,"props":2294,"children":2295},{},[2296],{"type":31,"value":2297},"规范与检查",{"type":26,"tag":123,"props":2299,"children":2300},{},[2301],{"type":31,"value":2302},"代码评审",{"type":26,"tag":123,"props":2304,"children":2305},{},[2306],{"type":31,"value":2307},"闸门 + 最小回归集",{"type":26,"tag":514,"props":2309,"children":2310},{},[],{"type":26,"tag":81,"props":2312,"children":2314},{"id":2313},"失败案例多文件看似成功实际埋雷",[2315],{"type":31,"value":2316},"失败案例：多文件“看似成功”，实际埋雷",{"type":26,"tag":27,"props":2318,"children":2319},{},[2320,2325],{"type":26,"tag":453,"props":2321,"children":2322},{},[2323],{"type":31,"value":2324},"现象",{"type":31,"value":2326},"：AI 说“我已经把所有地方都改了”，你也接受了，结果上线后 404 或样式错位。",{"type":26,"tag":27,"props":2328,"children":2329},{},[2330,2335],{"type":26,"tag":453,"props":2331,"children":2332},{},[2333],{"type":31,"value":2334},"复现条件",{"type":31,"value":1147},{"type":26,"tag":209,"props":2337,"children":2338},{},[2339,2344,2349],{"type":26,"tag":213,"props":2340,"children":2341},{},[2342],{"type":31,"value":2343},"你给了一个大目标（例如“把所有按钮统一成主题色”）",{"type":26,"tag":213,"props":2345,"children":2346},{},[2347],{"type":31,"value":2348},"它改了组件、样式、甚至主题配置",{"type":26,"tag":213,"props":2350,"children":2351},{},[2352],{"type":31,"value":2353},"你没有按页面模块走一遍，直接合并",{"type":26,"tag":27,"props":2355,"children":2356},{},[2357,2362],{"type":26,"tag":453,"props":2358,"children":2359},{},[2360],{"type":31,"value":2361},"根因",{"type":31,"value":1147},{"type":26,"tag":209,"props":2364,"children":2365},{},[2366],{"type":26,"tag":213,"props":2367,"children":2368},{},[2369],{"type":31,"value":2370},"改动范围大，但验收仍按“小改动”的方式做（只看一处）",{"type":26,"tag":27,"props":2372,"children":2373},{},[2374,2379],{"type":26,"tag":453,"props":2375,"children":2376},{},[2377],{"type":31,"value":2378},"修复",{"type":31,"value":1147},{"type":26,"tag":209,"props":2381,"children":2382},{},[2383,2388,2393],{"type":26,"tag":213,"props":2384,"children":2385},{},[2386],{"type":31,"value":2387},"强制把任务拆成“模块级目标”：Hero、Feature、Pricing、Form",{"type":26,"tag":213,"props":2389,"children":2390},{},[2391],{"type":31,"value":2392},"每个模块改完就验收一次",{"type":26,"tag":213,"props":2394,"children":2395},{},[2396],{"type":31,"value":2397},"验收通过再进入下一个模块",{"type":26,"tag":514,"props":2399,"children":2400},{},[],{"type":26,"tag":81,"props":2402,"children":2404},{"id":2403},"faq",[2405],{"type":31,"value":2406},"FAQ",{"type":26,"tag":841,"props":2408,"children":2410},{"id":2409},"q1我已经用了-cursor为什么还要用-copilot",[2411],{"type":31,"value":2412},"Q1：我已经用了 Cursor，为什么还要用 Copilot？",{"type":26,"tag":27,"props":2414,"children":2415},{},[2416],{"type":31,"value":2417},"因为“补全”这种高频低风险任务，Copilot 的交互成本更低；Cursor 更适合需要解释与约束的改动。",{"type":26,"tag":841,"props":2419,"children":2421},{"id":2420},"q2什么时候应该完全不用-ai",[2422],{"type":31,"value":2423},"Q2：什么时候应该完全不用 AI？",{"type":26,"tag":27,"props":2425,"children":2426},{},[2427],{"type":31,"value":2428},"当你无法定义验收标准时。比如“更高级”“更好看”这种目标，先做信息结构与设计规则，再让 AI 帮你落地局部。",{"type":26,"tag":514,"props":2430,"children":2431},{},[],{"type":26,"tag":81,"props":2433,"children":2435},{"id":2434},"延伸阅读",[2436],{"type":31,"value":2434},{"type":26,"tag":209,"props":2438,"children":2439},{},[2440,2449,2458,2467],{"type":26,"tag":213,"props":2441,"children":2442},{},[2443,2445],{"type":31,"value":2444},"Cursor 入门：",{"type":26,"tag":49,"props":2446,"children":2447},{"href":487},[2448],{"type":31,"value":490},{"type":26,"tag":213,"props":2450,"children":2451},{},[2452,2454],{"type":31,"value":2453},"Cursor 进阶：",{"type":26,"tag":49,"props":2455,"children":2456},{"href":498},[2457],{"type":31,"value":501},{"type":26,"tag":213,"props":2459,"children":2460},{},[2461,2463],{"type":31,"value":2462},"规则配置：",{"type":26,"tag":49,"props":2464,"children":2465},{"href":509},[2466],{"type":31,"value":512},{"type":26,"tag":213,"props":2468,"children":2469},{},[2470,2472],{"type":31,"value":2471},"Copilot 实战：",{"type":26,"tag":49,"props":2473,"children":2475},{"href":2474},"/topics/ai/github-copilot-tips",[2476],{"type":31,"value":2477},"GitHub Copilot 实用技巧",{"title":7,"searchDepth":382,"depth":382,"links":2479},[2480,2481,2482,2487,2493,2494,2495,2499],{"id":1625,"depth":385,"text":1628},{"id":1675,"depth":385,"text":1678},{"id":1917,"depth":385,"text":1920,"children":2483},[2484,2485,2486],{"id":1923,"depth":382,"text":1926},{"id":1960,"depth":382,"text":1963},{"id":2004,"depth":382,"text":2007},{"id":2036,"depth":385,"text":2039,"children":2488},[2489,2490,2491,2492],{"id":2047,"depth":382,"text":2050},{"id":2091,"depth":382,"text":2094},{"id":2128,"depth":382,"text":2131},{"id":2146,"depth":382,"text":2149},{"id":2178,"depth":385,"text":2181},{"id":2313,"depth":385,"text":2316},{"id":2403,"depth":385,"text":2406,"children":2496},[2497,2498],{"id":2409,"depth":382,"text":2412},{"id":2420,"depth":382,"text":2423},{"id":2434,"depth":385,"text":2434},"content:topics:ai:cursor-vs-copilot-vscode-workflow.md","topics/ai/cursor-vs-copilot-vscode-workflow.md","topics/ai/cursor-vs-copilot-vscode-workflow",{"_path":2504,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":2505,"description":2506,"date":2507,"topic":5,"author":11,"tags":2508,"image":2513,"featured":2514,"readingTime":1566,"body":2515,"_type":390,"_id":3164,"_source":392,"_file":3165,"_stem":3166,"_extension":395},"/topics/ai/ai-debugging-troubleshooting-guide","AI 辅助调试与问题排查：让 AI 成为你的调试搭档","深入探讨如何利用 AI 工具提升调试效率，包括错误信息分析、日志解读、性能问题定位、复杂 bug 排查等实战场景，构建 AI 驱动的调试工作流。","2026-01-18",[2509,2510,2511,407,2512],"AI 调试","问题排查","Debug","错误处理","/images/topics/ai/ai-debugging-guide.jpg",true,{"type":23,"children":2516,"toc":3135},[2517,2523,2529,2534,2539,2544,2550,2556,2561,2569,2597,2605,2628,2634,2645,2654,2662,2670,2703,2711,2741,2754,2762,2767,2775,2783,2794,2800,2808,2819,2827,2836,2842,2848,2853,2862,2868,2873,2882,2888,2894,2903,2909,2918,2924,2935,2941,2947,2956,2962,2971,2977,2983,2991,2997,3006,3014,3022,3025,3031,3036,3055,3067,3070,3076,3081,3090,3095,3098,3104,3109,3127],{"type":26,"tag":81,"props":2518,"children":2520},{"id":2519},"ai-辅助调试与问题排查",[2521],{"type":31,"value":2522},"AI 辅助调试与问题排查",{"type":26,"tag":81,"props":2524,"children":2526},{"id":2525},"引言调试的痛与-ai-的解药",[2527],{"type":31,"value":2528},"引言：调试的痛与 AI 的解药",{"type":26,"tag":27,"props":2530,"children":2531},{},[2532],{"type":31,"value":2533},"调试是每个程序员的日常，也是最消耗时间和精力的工作之一。我们都有过这样的经历：盯着一个莫名其妙的错误信息，翻遍 Stack Overflow，尝试各种方案，几个小时后才发现是一个愚蠢的拼写错误。",{"type":26,"tag":27,"props":2535,"children":2536},{},[2537],{"type":31,"value":2538},"AI 工具的出现，正在改变调试的方式。不是替代你的思考，而是加速你的分析过程——帮你快速理解错误、缩小排查范围、验证假设。",{"type":26,"tag":27,"props":2540,"children":2541},{},[2542],{"type":31,"value":2543},"这篇文章分享我在实际项目中使用 AI 辅助调试的经验和方法论。",{"type":26,"tag":81,"props":2545,"children":2547},{"id":2546},"第一部分建立-ai-调试的思维模型",[2548],{"type":31,"value":2549},"第一部分：建立 AI 调试的思维模型",{"type":26,"tag":841,"props":2551,"children":2553},{"id":2552},"_11-ai-在调试中的角色",[2554],{"type":31,"value":2555},"1.1 AI 在调试中的角色",{"type":26,"tag":27,"props":2557,"children":2558},{},[2559],{"type":31,"value":2560},"把 AI 想象成一个经验丰富但不了解你项目的高级工程师。它：",{"type":26,"tag":27,"props":2562,"children":2563},{},[2564],{"type":26,"tag":453,"props":2565,"children":2566},{},[2567],{"type":31,"value":2568},"擅长的事情：",{"type":26,"tag":209,"props":2570,"children":2571},{},[2572,2577,2582,2587,2592],{"type":26,"tag":213,"props":2573,"children":2574},{},[2575],{"type":31,"value":2576},"解读错误信息的含义",{"type":26,"tag":213,"props":2578,"children":2579},{},[2580],{"type":31,"value":2581},"提供可能的原因列表",{"type":26,"tag":213,"props":2583,"children":2584},{},[2585],{"type":31,"value":2586},"给出排查方向建议",{"type":26,"tag":213,"props":2588,"children":2589},{},[2590],{"type":31,"value":2591},"解释复杂的技术概念",{"type":26,"tag":213,"props":2593,"children":2594},{},[2595],{"type":31,"value":2596},"生成调试代码片段",{"type":26,"tag":27,"props":2598,"children":2599},{},[2600],{"type":26,"tag":453,"props":2601,"children":2602},{},[2603],{"type":31,"value":2604},"不擅长的事情：",{"type":26,"tag":209,"props":2606,"children":2607},{},[2608,2613,2618,2623],{"type":26,"tag":213,"props":2609,"children":2610},{},[2611],{"type":31,"value":2612},"了解你的业务逻辑",{"type":26,"tag":213,"props":2614,"children":2615},{},[2616],{"type":31,"value":2617},"知道你的代码历史",{"type":26,"tag":213,"props":2619,"children":2620},{},[2621],{"type":31,"value":2622},"理解项目特定的约定",{"type":26,"tag":213,"props":2624,"children":2625},{},[2626],{"type":31,"value":2627},"做出架构级判断",{"type":26,"tag":841,"props":2629,"children":2631},{"id":2630},"_12-有效提问的结构",[2632],{"type":31,"value":2633},"1.2 有效提问的结构",{"type":26,"tag":2635,"props":2636,"children":2640},"pre",{"code":2637,"language":390,"meta":7,"className":2638},"## 高效的调试提问模板\n\n**问题描述**\n[简洁描述遇到的问题]\n\n**错误信息**\n",[2639],"language-markdown",[2641],{"type":26,"tag":647,"props":2642,"children":2643},{"__ignoreMap":7},[2644],{"type":31,"value":2637},{"type":26,"tag":27,"props":2646,"children":2647},{},[2648],{"type":26,"tag":2649,"props":2650,"children":2651},"span",{},[2652],{"type":31,"value":2653},"完整的错误信息，不要截断",{"type":26,"tag":2635,"props":2655,"children":2657},{"code":2656},"\n**相关代码**\n```javascript\n[精简但完整的相关代码]\n",[2658],{"type":26,"tag":647,"props":2659,"children":2660},{"__ignoreMap":7},[2661],{"type":31,"value":2656},{"type":26,"tag":27,"props":2663,"children":2664},{},[2665],{"type":26,"tag":453,"props":2666,"children":2667},{},[2668],{"type":31,"value":2669},"环境信息",{"type":26,"tag":209,"props":2671,"children":2672},{},[2673,2683,2693],{"type":26,"tag":213,"props":2674,"children":2675},{},[2676,2678],{"type":31,"value":2677},"运行环境：",{"type":26,"tag":2649,"props":2679,"children":2680},{},[2681],{"type":31,"value":2682},"Node 版本/浏览器版本",{"type":26,"tag":213,"props":2684,"children":2685},{},[2686,2688],{"type":31,"value":2687},"框架版本：",{"type":26,"tag":2649,"props":2689,"children":2690},{},[2691],{"type":31,"value":2692},"相关框架版本",{"type":26,"tag":213,"props":2694,"children":2695},{},[2696,2698],{"type":31,"value":2697},"操作系统：",{"type":26,"tag":2649,"props":2699,"children":2700},{},[2701],{"type":31,"value":2702},"如果相关",{"type":26,"tag":27,"props":2704,"children":2705},{},[2706],{"type":26,"tag":453,"props":2707,"children":2708},{},[2709],{"type":31,"value":2710},"已尝试的方案",{"type":26,"tag":209,"props":2712,"children":2713},{},[2714,2728],{"type":26,"tag":213,"props":2715,"children":2716},{},[2717,2722,2723],{"type":26,"tag":2649,"props":2718,"children":2719},{},[2720],{"type":31,"value":2721},"方案1",{"type":31,"value":1147},{"type":26,"tag":2649,"props":2724,"children":2725},{},[2726],{"type":31,"value":2727},"结果",{"type":26,"tag":213,"props":2729,"children":2730},{},[2731,2736,2737],{"type":26,"tag":2649,"props":2732,"children":2733},{},[2734],{"type":31,"value":2735},"方案2",{"type":31,"value":1147},{"type":26,"tag":2649,"props":2738,"children":2739},{},[2740],{"type":31,"value":2727},{"type":26,"tag":27,"props":2742,"children":2743},{},[2744,2749],{"type":26,"tag":453,"props":2745,"children":2746},{},[2747],{"type":31,"value":2748},"期望的结果",{"type":26,"tag":2649,"props":2750,"children":2751},{},[2752],{"type":31,"value":2753},"描述期望的行为",{"type":26,"tag":2635,"props":2755,"children":2757},{"code":2756},"\n### 1.3 分级调试策略\n\n",[2758],{"type":26,"tag":647,"props":2759,"children":2760},{"__ignoreMap":7},[2761],{"type":31,"value":2756},{"type":26,"tag":27,"props":2763,"children":2764},{},[2765],{"type":31,"value":2766},"┌───────────────────────────────────────────────────────────┐\n│                    AI 辅助调试决策树                        │\n├───────────────────────────────────────────────────────────┤\n│                                                           │\n│  Level 1：简单错误（5分钟内解决）                           │\n│  ├── 语法错误、拼写错误                                    │\n│  ├── 方法：直接复制错误信息给 AI                           │\n│  └── 工具：Copilot Chat / ChatGPT                        │\n│                                                           │\n│  Level 2：中等复杂度（30分钟内解决）                        │\n│  ├── 类型错误、逻辑错误、API 使用错误                      │\n│  ├── 方法：提供错误信息 + 相关代码 + 上下文                 │\n│  └── 工具：Cursor Chat / Claude                          │\n│                                                           │\n│  Level 3：复杂问题（需要深入分析）                          │\n│  ├── 竞态条件、内存泄漏、性能问题                          │\n│  ├── 方法：详细描述场景 + 提供多个文件 + 讨论               │\n│  └── 工具：Cursor Composer / 专门的 AI 会话                │\n│                                                           │\n│  Level 4：架构级问题                                       │\n│  ├── 设计缺陷、技术债务                                    │\n│  ├── 方法：AI 辅助分析 + 人工判断                          │\n│  └── 工具：与团队讨论 + AI 作为顾问                        │\n│                                                           │\n└───────────────────────────────────────────────────────────┘",{"type":26,"tag":2635,"props":2768,"children":2770},{"code":2769},"\n## 第二部分：错误信息分析\n\n### 2.1 前端错误分析\n\n**场景 1：React 错误边界触发**\n\n```typescript\n// 错误信息：\n// Error: Hydration failed because the initial UI does not match \n// what was rendered on the server.\n\n// 提问方式：\n/**\n * 我在 Next.js 14 App Router 项目中遇到这个错误：\n * \n * Error: Hydration failed because the initial UI does not match \n * what was rendered on the server.\n * \n * 相关代码：\n */\nfunction UserStatus() {\n  const [isLoggedIn, setIsLoggedIn] = useState(false);\n  \n  useEffect(() => {\n    setIsLoggedIn(localStorage.getItem('token') !== null);\n  }, []);\n  \n  return \u003Cdiv>{isLoggedIn ? '已登录' : '未登录'}\u003C/div>;\n}\n\n// AI 会分析出：\n// 1. 服务端渲染时 localStorage 不可用，默认 false\n// 2. 客户端 hydration 时可能是 true\n// 3. 导致服务端和客户端渲染结果不一致\n\n// AI 建议的解决方案：\nfunction UserStatus() {\n  const [isLoggedIn, setIsLoggedIn] = useState\u003Cboolean | null>(null);\n  \n  useEffect(() => {\n    setIsLoggedIn(localStorage.getItem('token') !== null);\n  }, []);\n  \n  // 初始状态显示加载中，避免 hydration 不匹配\n  if (isLoggedIn === null) {\n    return \u003Cdiv>加载中...\u003C/div>;\n  }\n  \n  return \u003Cdiv>{isLoggedIn ? '已登录' : '未登录'}\u003C/div>;\n}\n",[2771],{"type":26,"tag":647,"props":2772,"children":2773},{"__ignoreMap":7},[2774],{"type":31,"value":2769},{"type":26,"tag":27,"props":2776,"children":2777},{},[2778],{"type":26,"tag":453,"props":2779,"children":2780},{},[2781],{"type":31,"value":2782},"场景 2：Vue 响应式警告",{"type":26,"tag":2635,"props":2784,"children":2789},{"code":2785,"language":2786,"meta":7,"className":2787},"// 警告信息：\n// [Vue warn]: Property \"xxx\" was accessed during render but is not \n// defined on instance.\n\n// 提问方式：\n/**\n * Vue 3 项目中出现这个警告：\n * [Vue warn]: Property \"userInfo\" was accessed during render \n * but is not defined on instance.\n * \n * 组件代码：\n */\n\u003Ctemplate>\n  \u003Cdiv>{{ userInfo.name }}\u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nconst { data: userInfo } = await useFetch('/api/user');\n\u003C/script>\n\n// AI 分析：\n// 1. useFetch 是异步的，初始渲染时 userInfo 可能是 undefined\n// 2. 直接访问 userInfo.name 会报错\n\n// AI 建议：\n\u003Ctemplate>\n  \u003Cdiv v-if=\"userInfo\">{{ userInfo.name }}\u003C/div>\n  \u003Cdiv v-else>加载中...\u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\nconst { data: userInfo, pending } = await useFetch('/api/user');\n\u003C/script>\n","typescript",[2788],"language-typescript",[2790],{"type":26,"tag":647,"props":2791,"children":2792},{"__ignoreMap":7},[2793],{"type":31,"value":2785},{"type":26,"tag":841,"props":2795,"children":2797},{"id":2796},"_22-后端错误分析",[2798],{"type":31,"value":2799},"2.2 后端错误分析",{"type":26,"tag":27,"props":2801,"children":2802},{},[2803],{"type":26,"tag":453,"props":2804,"children":2805},{},[2806],{"type":31,"value":2807},"场景 1：Node.js 内存问题",{"type":26,"tag":2635,"props":2809,"children":2814},{"code":2810,"language":2811,"meta":7,"className":2812},"// 错误信息：\n// FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - \n// JavaScript heap out of memory\n\n// 提问方式（包含上下文）：\n/**\n * Node.js 服务运行几小时后崩溃，错误信息：\n * FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - \n * JavaScript heap out of memory\n * \n * 服务功能：处理 CSV 文件上传，每次约 100MB\n * \n * 处理代码：\n */\nasync function processCSV(filePath) {\n  const content = fs.readFileSync(filePath, 'utf-8');\n  const rows = content.split('\\n');\n  const results = [];\n  \n  for (const row of rows) {\n    const processed = await processRow(row);\n    results.push(processed);\n  }\n  \n  return results;\n}\n\n// AI 分析会指出：\n// 1. 一次性读取整个文件到内存\n// 2. 所有处理结果累积在 results 数组\n// 3. 建议使用流式处理\n\n// AI 提供的优化方案：\nconst { createReadStream } = require('fs');\nconst { createInterface } = require('readline');\n\nasync function processCSVStream(filePath, onRow) {\n  const fileStream = createReadStream(filePath);\n  const rl = createInterface({\n    input: fileStream,\n    crlfDelay: Infinity\n  });\n  \n  let count = 0;\n  for await (const line of rl) {\n    await onRow(line);\n    count++;\n    \n    // 每处理 1000 行，给 GC 机会运行\n    if (count % 1000 === 0) {\n      await new Promise(r => setImmediate(r));\n    }\n  }\n}\n","javascript",[2813],"language-javascript",[2815],{"type":26,"tag":647,"props":2816,"children":2817},{"__ignoreMap":7},[2818],{"type":31,"value":2810},{"type":26,"tag":27,"props":2820,"children":2821},{},[2822],{"type":26,"tag":453,"props":2823,"children":2824},{},[2825],{"type":31,"value":2826},"场景 2：数据库连接问题",{"type":26,"tag":2635,"props":2828,"children":2831},{"code":2829,"language":2786,"meta":7,"className":2830},"// 错误信息：\n// Error: Connection pool exhausted - \n// max connections (10) already in use\n\n// 提问方式：\n/**\n * PostgreSQL 连接池耗尽错误，高并发时出现：\n * Error: Connection pool exhausted\n * \n * 当前配置：\n * - max connections: 10\n * - 并发请求: 约 100/秒\n * \n * 数据库调用代码：\n */\nasync function getUserData(userId: string) {\n  const client = await pool.connect();\n  try {\n    const user = await client.query('SELECT * FROM users WHERE id = $1', [userId]);\n    const orders = await client.query('SELECT * FROM orders WHERE user_id = $1', [userId]);\n    const payments = await client.query('SELECT * FROM payments WHERE user_id = $1', [userId]);\n    return { user: user.rows[0], orders: orders.rows, payments: payments.rows };\n  } finally {\n    client.release();\n  }\n}\n\n// AI 会分析出多个可能原因并给出综合方案\n",[2788],[2832],{"type":26,"tag":647,"props":2833,"children":2834},{"__ignoreMap":7},[2835],{"type":31,"value":2829},{"type":26,"tag":81,"props":2837,"children":2839},{"id":2838},"第三部分日志分析与问题定位",[2840],{"type":31,"value":2841},"第三部分：日志分析与问题定位",{"type":26,"tag":841,"props":2843,"children":2845},{"id":2844},"_31-结构化日志分析",[2846],{"type":31,"value":2847},"3.1 结构化日志分析",{"type":26,"tag":27,"props":2849,"children":2850},{},[2851],{"type":31,"value":2852},"当面对大量日志时，让 AI 帮你快速定位问题：",{"type":26,"tag":2635,"props":2854,"children":2857},{"code":2855,"language":2811,"meta":7,"className":2856},"// 提问示例：\n/**\n * 分析以下日志，找出导致请求失败的原因：\n * \n * 日志片段：\n */\nconst logs = `\n2024-01-15 10:23:45.123 INFO  [req-abc123] 收到请求 POST /api/order\n2024-01-15 10:23:45.125 DEBUG [req-abc123] 用户认证通过 userId=u001\n2024-01-15 10:23:45.130 DEBUG [req-abc123] 开始库存检查 productId=p001\n2024-01-15 10:23:45.145 DEBUG [req-abc123] 库存检查通过 available=50\n2024-01-15 10:23:45.150 DEBUG [req-abc123] 开始创建订单\n2024-01-15 10:23:45.200 DEBUG [req-abc123] 数据库连接获取成功\n2024-01-15 10:23:45.250 ERROR [req-abc123] 订单创建失败 error=\"deadlock detected\"\n2024-01-15 10:23:45.251 WARN  [req-abc123] 事务回滚\n2024-01-15 10:23:45.255 INFO  [req-abc123] 响应 500 耗时 132ms\n`;\n\n// AI 分析结果会包括：\n// 1. 问题定位：数据库死锁\n// 2. 可能原因：并发订单创建导致锁竞争\n// 3. 排查建议：检查事务隔离级别、锁顺序\n",[2813],[2858],{"type":26,"tag":647,"props":2859,"children":2860},{"__ignoreMap":7},[2861],{"type":31,"value":2855},{"type":26,"tag":841,"props":2863,"children":2865},{"id":2864},"_32-创建调试日志",[2866],{"type":31,"value":2867},"3.2 创建调试日志",{"type":26,"tag":27,"props":2869,"children":2870},{},[2871],{"type":31,"value":2872},"让 AI 帮你生成调试用的日志代码：",{"type":26,"tag":2635,"props":2874,"children":2877},{"code":2875,"language":2786,"meta":7,"className":2876},"// 请求：\n// \"为这个函数添加详细的调试日志，包括入参、关键步骤、耗时和结果\"\n\n// 原代码：\nasync function processOrder(order: Order): Promise\u003COrderResult> {\n  const inventory = await checkInventory(order.items);\n  const payment = await processPayment(order.userId, order.total);\n  const result = await createOrder(order, payment.transactionId);\n  return result;\n}\n\n// AI 生成的带日志版本：\nasync function processOrder(order: Order): Promise\u003COrderResult> {\n  const requestId = generateRequestId();\n  const startTime = performance.now();\n  \n  logger.info({\n    requestId,\n    event: 'order_processing_start',\n    orderId: order.id,\n    userId: order.userId,\n    itemCount: order.items.length,\n    total: order.total\n  });\n  \n  try {\n    // 库存检查\n    const inventoryStart = performance.now();\n    const inventory = await checkInventory(order.items);\n    logger.debug({\n      requestId,\n      event: 'inventory_check_complete',\n      duration: performance.now() - inventoryStart,\n      available: inventory.allAvailable\n    });\n    \n    // 支付处理\n    const paymentStart = performance.now();\n    const payment = await processPayment(order.userId, order.total);\n    logger.debug({\n      requestId,\n      event: 'payment_complete',\n      duration: performance.now() - paymentStart,\n      transactionId: payment.transactionId\n    });\n    \n    // 创建订单\n    const createStart = performance.now();\n    const result = await createOrder(order, payment.transactionId);\n    logger.debug({\n      requestId,\n      event: 'order_created',\n      duration: performance.now() - createStart,\n      resultOrderId: result.orderId\n    });\n    \n    logger.info({\n      requestId,\n      event: 'order_processing_complete',\n      duration: performance.now() - startTime,\n      success: true\n    });\n    \n    return result;\n  } catch (error) {\n    logger.error({\n      requestId,\n      event: 'order_processing_failed',\n      duration: performance.now() - startTime,\n      error: error.message,\n      stack: error.stack\n    });\n    throw error;\n  }\n}\n",[2788],[2878],{"type":26,"tag":647,"props":2879,"children":2880},{"__ignoreMap":7},[2881],{"type":31,"value":2875},{"type":26,"tag":81,"props":2883,"children":2885},{"id":2884},"第四部分性能问题排查",[2886],{"type":31,"value":2887},"第四部分：性能问题排查",{"type":26,"tag":841,"props":2889,"children":2891},{"id":2890},"_41-前端性能分析",[2892],{"type":31,"value":2893},"4.1 前端性能分析",{"type":26,"tag":2635,"props":2895,"children":2898},{"code":2896,"language":2786,"meta":7,"className":2897},"// 场景：页面加载慢，需要分析原因\n\n// 提问方式：\n/**\n * 页面首屏加载需要 5 秒，以下是 Performance API 数据，\n * 请分析性能瓶颈：\n */\nconst performanceData = {\n  // Navigation Timing\n  dns: 50,           // DNS 查询\n  tcp: 100,          // TCP 连接\n  ttfb: 800,         // 首字节时间\n  download: 200,     // 文档下载\n  domParsing: 300,   // DOM 解析\n  domContentLoaded: 1500,\n  load: 5000,\n  \n  // Resource Timing (主要资源)\n  resources: [\n    { name: 'main.js', size: '2.5MB', duration: 1200 },\n    { name: 'vendor.js', size: '1.8MB', duration: 900 },\n    { name: 'styles.css', size: '500KB', duration: 300 },\n    { name: 'hero-image.jpg', size: '3MB', duration: 1500 },\n  ],\n  \n  // Long Tasks\n  longTasks: [\n    { startTime: 1600, duration: 800, name: 'script-evaluation' },\n    { startTime: 2500, duration: 400, name: 'layout' }\n  ]\n};\n\n// AI 会分析出：\n// 1. JS bundle 过大（4.3MB），需要代码分割\n// 2. 图片未优化（3MB 的 hero 图片）\n// 3. 存在长任务阻塞主线程\n// 并给出具体优化建议\n",[2788],[2899],{"type":26,"tag":647,"props":2900,"children":2901},{"__ignoreMap":7},[2902],{"type":31,"value":2896},{"type":26,"tag":841,"props":2904,"children":2906},{"id":2905},"_42-内存泄漏排查",[2907],{"type":31,"value":2908},"4.2 内存泄漏排查",{"type":26,"tag":2635,"props":2910,"children":2913},{"code":2911,"language":2786,"meta":7,"className":2912},"// 场景：应用运行一段时间后变卡\n\n// 提问方式：\n/**\n * React 应用运行一段时间后内存持续增长，以下是 Heap Snapshot 对比：\n * \n * 初始状态：50MB\n * 运行 1 小时后：150MB\n * 运行 2 小时后：280MB\n * \n * Retained objects 增长最快的：\n * - (closure) - 增长 50MB\n * - HTMLDivElement - 增长 30MB\n * - Array - 增长 20MB\n * \n * 可疑代码：\n */\nfunction DataDashboard() {\n  const [data, setData] = useState([]);\n  const chartRef = useRef(null);\n  \n  useEffect(() => {\n    // 每秒刷新数据\n    const interval = setInterval(async () => {\n      const newData = await fetchLatestData();\n      setData(prev => [...prev, ...newData]);  // 数据不断累积\n    }, 1000);\n    \n    // 初始化图表\n    const chart = new Chart(chartRef.current, {\n      // 配置...\n    });\n    \n    // 没有 cleanup！\n  }, []);\n  \n  return \u003Ccanvas ref={chartRef} />;\n}\n\n// AI 会指出：\n// 1. interval 没有清理\n// 2. Chart 实例没有销毁\n// 3. data 无限增长\n// 并提供修复代码\n",[2788],[2914],{"type":26,"tag":647,"props":2915,"children":2916},{"__ignoreMap":7},[2917],{"type":31,"value":2911},{"type":26,"tag":841,"props":2919,"children":2921},{"id":2920},"_43-数据库查询优化",[2922],{"type":31,"value":2923},"4.3 数据库查询优化",{"type":26,"tag":2635,"props":2925,"children":2930},{"code":2926,"language":2927,"meta":7,"className":2928},"-- 场景：查询很慢，让 AI 分析执行计划\n\n-- 提问方式：\n-- 以下查询在数据量大时很慢（orders 表 1000 万行），\n-- 执行计划如下，请分析并优化：\n\nEXPLAIN ANALYZE\nSELECT o.*, u.name, u.email\nFROM orders o\nJOIN users u ON o.user_id = u.id\nWHERE o.status = 'pending'\n  AND o.created_at > '2024-01-01'\nORDER BY o.created_at DESC\nLIMIT 20;\n\n-- 执行计划：\n/*\nSort  (cost=156847.23..157847.23 rows=400000 width=250)\n  Sort Key: o.created_at DESC\n  ->  Hash Join  (cost=1500.00..89847.23 rows=400000 width=250)\n        Hash Cond: (o.user_id = u.id)\n        ->  Seq Scan on orders o  (cost=0.00..85000.00 rows=400000)\n              Filter: ((status = 'pending') AND (created_at > '2024-01-01'))\n        ->  Hash  (cost=1000.00..1000.00 rows=50000 width=100)\n              ->  Seq Scan on users u  (cost=0.00..1000.00 rows=50000)\nPlanning Time: 0.5 ms\nExecution Time: 3500 ms\n*/\n\n-- AI 会分析出问题并建议：\n-- 1. orders 表全表扫描 - 需要复合索引\n-- 2. 建议创建索引：\nCREATE INDEX idx_orders_status_created ON orders(status, created_at DESC);\n\n-- 3. 如果 status 选择性不高，考虑部分索引：\nCREATE INDEX idx_orders_pending ON orders(created_at DESC) \nWHERE status = 'pending';\n","sql",[2929],"language-sql",[2931],{"type":26,"tag":647,"props":2932,"children":2933},{"__ignoreMap":7},[2934],{"type":31,"value":2926},{"type":26,"tag":81,"props":2936,"children":2938},{"id":2937},"第五部分复杂-bug-排查",[2939],{"type":31,"value":2940},"第五部分：复杂 Bug 排查",{"type":26,"tag":841,"props":2942,"children":2944},{"id":2943},"_51-竞态条件",[2945],{"type":31,"value":2946},"5.1 竞态条件",{"type":26,"tag":2635,"props":2948,"children":2951},{"code":2949,"language":2786,"meta":7,"className":2950},"// 场景：偶发的数据不一致问题\n\n// 提问方式：\n/**\n * 用户反馈偶尔看到错误的账户余额，但刷新后正常。\n * 怀疑是竞态条件，以下是相关代码：\n */\nasync function updateBalance(userId: string, amount: number) {\n  // 读取当前余额\n  const user = await db.users.findOne({ id: userId });\n  const newBalance = user.balance + amount;\n  \n  // 更新余额\n  await db.users.update({ id: userId }, { balance: newBalance });\n  \n  // 记录交易\n  await db.transactions.create({\n    userId,\n    amount,\n    balanceAfter: newBalance,\n    createdAt: new Date()\n  });\n  \n  return newBalance;\n}\n\n// 并发调用场景：\n// 用户同时发起两笔交易：+100 和 -50\n// 期望结果：原余额 1000 → 1050\n// 实际可能：原余额 1000 → 1100 或 950\n\n// AI 会分析竞态条件并提供解决方案：\nasync function updateBalanceAtomic(userId: string, amount: number) {\n  // 方案 1：使用数据库原子操作\n  const result = await db.users.findOneAndUpdate(\n    { id: userId },\n    { $inc: { balance: amount } },\n    { returnDocument: 'after' }\n  );\n  \n  await db.transactions.create({\n    userId,\n    amount,\n    balanceAfter: result.balance,\n    createdAt: new Date()\n  });\n  \n  return result.balance;\n}\n\n// 方案 2：使用乐观锁\nasync function updateBalanceOptimistic(userId: string, amount: number) {\n  const maxRetries = 3;\n  \n  for (let i = 0; i \u003C maxRetries; i++) {\n    const user = await db.users.findOne({ id: userId });\n    const newBalance = user.balance + amount;\n    \n    const updated = await db.users.updateOne(\n      { id: userId, version: user.version },\n      { balance: newBalance, version: user.version + 1 }\n    );\n    \n    if (updated.modifiedCount === 1) {\n      await db.transactions.create({...});\n      return newBalance;\n    }\n    \n    // 版本冲突，重试\n    await sleep(10 * (i + 1));\n  }\n  \n  throw new Error('Update failed after retries');\n}\n",[2788],[2952],{"type":26,"tag":647,"props":2953,"children":2954},{"__ignoreMap":7},[2955],{"type":31,"value":2949},{"type":26,"tag":841,"props":2957,"children":2959},{"id":2958},"_52-分布式系统问题",[2960],{"type":31,"value":2961},"5.2 分布式系统问题",{"type":26,"tag":2635,"props":2963,"children":2966},{"code":2964,"language":2786,"meta":7,"className":2965},"// 场景：微服务间的数据不一致\n\n// 提问方式：\n/**\n * 订单服务和库存服务偶尔出现数据不一致：\n * - 订单显示已创建\n * - 库存未扣减\n * \n * 当前流程：\n */\n// Order Service\nasync function createOrder(orderData) {\n  // 1. 调用库存服务扣减库存\n  await inventoryService.deduct(orderData.items);\n  \n  // 2. 创建订单\n  const order = await orderRepository.create(orderData);\n  \n  // 3. 发送订单创建事件\n  await eventBus.publish('order.created', order);\n  \n  return order;\n}\n\n// 问题分析：如果步骤 2 或 3 失败，库存已经扣减但订单未创建\n\n// AI 会建议使用 Saga 模式或事务发件箱模式\n",[2788],[2967],{"type":26,"tag":647,"props":2968,"children":2969},{"__ignoreMap":7},[2970],{"type":31,"value":2964},{"type":26,"tag":81,"props":2972,"children":2974},{"id":2973},"第六部分ai-调试工作流",[2975],{"type":31,"value":2976},"第六部分：AI 调试工作流",{"type":26,"tag":841,"props":2978,"children":2980},{"id":2979},"_61-我的调试流程",[2981],{"type":31,"value":2982},"6.1 我的调试流程",{"type":26,"tag":2635,"props":2984,"children":2986},{"code":2985},"┌────────────────────────────────────────────────────────────┐\n│                    AI 辅助调试工作流                         │\n├────────────────────────────────────────────────────────────┤\n│                                                            │\n│  Step 1: 问题收集                                          │\n│  ├── 复制完整错误信息                                       │\n│  ├── 截图相关日志                                          │\n│  └── 记录复现步骤                                          │\n│                                                            │\n│  Step 2: 快速分析                                          │\n│  ├── 将错误信息发给 AI                                      │\n│  ├── 获取可能原因列表                                       │\n│  └── 评估哪些最可能                                         │\n│                                                            │\n│  Step 3: 深入调查                                          │\n│  ├── 根据 AI 建议添加日志/断点                              │\n│  ├── 收集更多信息                                          │\n│  └── 再次询问 AI（带新信息）                                │\n│                                                            │\n│  Step 4: 验证修复                                          │\n│  ├── AI 生成修复代码                                        │\n│  ├── 人工审查确认                                          │\n│  └── 测试验证                                               │\n│                                                            │\n│  Step 5: 预防措施                                          │\n│  ├── AI 建议类似问题的预防方法                              │\n│  ├── 添加相关测试用例                                       │\n│  └── 更新文档/知识库                                        │\n│                                                            │\n└────────────────────────────────────────────────────────────┘\n",[2987],{"type":26,"tag":647,"props":2988,"children":2989},{"__ignoreMap":7},[2990],{"type":31,"value":2985},{"type":26,"tag":841,"props":2992,"children":2994},{"id":2993},"_62-调试对话模板",[2995],{"type":31,"value":2996},"6.2 调试对话模板",{"type":26,"tag":2635,"props":2998,"children":3001},{"code":2999,"language":390,"meta":7,"className":3000},"## 第一轮：问题描述\n\n我遇到了一个问题：[简述问题]\n\n错误信息：\n",[2639],[3002],{"type":26,"tag":647,"props":3003,"children":3004},{"__ignoreMap":7},[3005],{"type":31,"value":2999},{"type":26,"tag":27,"props":3007,"children":3008},{},[3009],{"type":26,"tag":2649,"props":3010,"children":3011},{},[3012],{"type":31,"value":3013},"粘贴完整错误",{"type":26,"tag":2635,"props":3015,"children":3017},{"code":3016},"\n相关代码：\n```javascript\n[粘贴代码]\n",[3018],{"type":26,"tag":647,"props":3019,"children":3020},{"__ignoreMap":7},[3021],{"type":31,"value":3016},{"type":26,"tag":514,"props":3023,"children":3024},{},[],{"type":26,"tag":81,"props":3026,"children":3028},{"id":3027},"第二轮补充信息",[3029],{"type":31,"value":3030},"第二轮：补充信息",{"type":26,"tag":27,"props":3032,"children":3033},{},[3034],{"type":31,"value":3035},"根据你的建议，我添加了日志，发现：",{"type":26,"tag":209,"props":3037,"children":3038},{},[3039,3047],{"type":26,"tag":213,"props":3040,"children":3041},{},[3042],{"type":26,"tag":2649,"props":3043,"children":3044},{},[3045],{"type":31,"value":3046},"发现 1",{"type":26,"tag":213,"props":3048,"children":3049},{},[3050],{"type":26,"tag":2649,"props":3051,"children":3052},{},[3053],{"type":31,"value":3054},"发现 2",{"type":26,"tag":27,"props":3056,"children":3057},{},[3058,3060,3065],{"type":31,"value":3059},"这是否说明问题出在 ",{"type":26,"tag":2649,"props":3061,"children":3062},{},[3063],{"type":31,"value":3064},"你的猜测",{"type":31,"value":3066},"？",{"type":26,"tag":514,"props":3068,"children":3069},{},[],{"type":26,"tag":81,"props":3071,"children":3073},{"id":3072},"第三轮确认修复",[3074],{"type":31,"value":3075},"第三轮：确认修复",{"type":26,"tag":27,"props":3077,"children":3078},{},[3079],{"type":31,"value":3080},"我按照你的建议修改了代码：",{"type":26,"tag":2635,"props":3082,"children":3085},{"code":3083,"language":2811,"meta":7,"className":3084},"[粘贴修改后的代码]\n",[2813],[3086],{"type":26,"tag":647,"props":3087,"children":3088},{"__ignoreMap":7},[3089],{"type":31,"value":3083},{"type":26,"tag":27,"props":3091,"children":3092},{},[3093],{"type":31,"value":3094},"请确认这个修复是否正确，以及是否有其他潜在问题。",{"type":26,"tag":514,"props":3096,"children":3097},{},[],{"type":26,"tag":81,"props":3099,"children":3101},{"id":3100},"第四轮预防",[3102],{"type":31,"value":3103},"第四轮：预防",{"type":26,"tag":27,"props":3105,"children":3106},{},[3107],{"type":31,"value":3108},"这个问题已解决。请建议：",{"type":26,"tag":444,"props":3110,"children":3111},{},[3112,3117,3122],{"type":26,"tag":213,"props":3113,"children":3114},{},[3115],{"type":31,"value":3116},"如何防止类似问题再次发生？",{"type":26,"tag":213,"props":3118,"children":3119},{},[3120],{"type":31,"value":3121},"应该添加什么测试用例？",{"type":26,"tag":213,"props":3123,"children":3124},{},[3125],{"type":31,"value":3126},"有什么最佳实践可以参考？",{"type":26,"tag":2635,"props":3128,"children":3130},{"code":3129},"\n## 结语：AI 是放大器，不是替代品\n\nAI 调试工具能够显著加速问题排查过程，但它不能替代你的思考。最有价值的能力组合是：\n\n- **你的领域知识** + **AI 的广博见识**\n- **你对项目的理解** + **AI 的分析能力**\n- **你的判断力** + **AI 的执行速度**\n\n调试的本质是假设-验证的循环。AI 帮你更快地生成假设、更高效地验证假设，但做出最终判断的还是你。\n\n学会与 AI 高效协作调试，不是依赖 AI 给你答案，而是让 AI 帮你更快地找到自己的答案。\n\n---\n\n## 参考资源\n\n- [Chrome DevTools 官方文档](https://developer.chrome.com/docs/devtools)\n- [Node.js 调试指南](https://nodejs.org/en/docs/guides/debugging-getting-started)\n- [React DevTools 使用指南](https://react.dev/learn/react-developer-tools)\n",[3131],{"type":26,"tag":647,"props":3132,"children":3133},{"__ignoreMap":7},[3134],{"type":31,"value":3129},{"title":7,"searchDepth":382,"depth":382,"links":3136},[3137,3138,3139,3144,3148,3153,3157,3161,3162,3163],{"id":2519,"depth":385,"text":2522},{"id":2525,"depth":385,"text":2528},{"id":2546,"depth":385,"text":2549,"children":3140},[3141,3142,3143],{"id":2552,"depth":382,"text":2555},{"id":2630,"depth":382,"text":2633},{"id":2796,"depth":382,"text":2799},{"id":2838,"depth":385,"text":2841,"children":3145},[3146,3147],{"id":2844,"depth":382,"text":2847},{"id":2864,"depth":382,"text":2867},{"id":2884,"depth":385,"text":2887,"children":3149},[3150,3151,3152],{"id":2890,"depth":382,"text":2893},{"id":2905,"depth":382,"text":2908},{"id":2920,"depth":382,"text":2923},{"id":2937,"depth":385,"text":2940,"children":3154},[3155,3156],{"id":2943,"depth":382,"text":2946},{"id":2958,"depth":382,"text":2961},{"id":2973,"depth":385,"text":2976,"children":3158},[3159,3160],{"id":2979,"depth":382,"text":2982},{"id":2993,"depth":382,"text":2996},{"id":3027,"depth":385,"text":3030},{"id":3072,"depth":385,"text":3075},{"id":3100,"depth":385,"text":3103},"content:topics:ai:ai-debugging-troubleshooting-guide.md","topics/ai/ai-debugging-troubleshooting-guide.md","topics/ai/ai-debugging-troubleshooting-guide",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"topic":5,"author":11,"tags":3168,"image":17,"imageQuery":18,"pexelsPhotoId":19,"pexelsUrl":20,"featured":6,"readingTime":21,"body":3169,"_type":390,"_id":391,"_source":392,"_file":393,"_stem":394,"_extension":395},[13,14,15,16],{"type":23,"children":3170,"toc":3450},[3171,3175,3179,3183,3207,3211,3295,3299,3303,3307,3322,3326,3330,3334,3349,3353,3368,3372,3376,3380,3399,3403,3407,3411,3415,3419],{"type":26,"tag":27,"props":3172,"children":3173},{},[3174],{"type":31,"value":32},{"type":26,"tag":27,"props":3176,"children":3177},{},[3178],{"type":31,"value":37},{"type":26,"tag":27,"props":3180,"children":3181},{},[3182],{"type":31,"value":42},{"type":26,"tag":27,"props":3184,"children":3185},{},[3186,3187,3191,3192,3196,3197,3201,3202,3206],{"type":31,"value":47},{"type":26,"tag":49,"props":3188,"children":3189},{"href":51},[3190],{"type":31,"value":54},{"type":31,"value":56},{"type":26,"tag":49,"props":3193,"children":3194},{"href":59},[3195],{"type":31,"value":62},{"type":31,"value":56},{"type":26,"tag":49,"props":3198,"children":3199},{"href":66},[3200],{"type":31,"value":69},{"type":31,"value":71},{"type":26,"tag":49,"props":3203,"children":3204},{"href":74},[3205],{"type":31,"value":77},{"type":31,"value":79},{"type":26,"tag":81,"props":3208,"children":3209},{"id":83},[3210],{"type":31,"value":86},{"type":26,"tag":88,"props":3212,"children":3213},{},[3214,3232],{"type":26,"tag":92,"props":3215,"children":3216},{},[3217],{"type":26,"tag":96,"props":3218,"children":3219},{},[3220,3224,3228],{"type":26,"tag":100,"props":3221,"children":3222},{},[3223],{"type":31,"value":104},{"type":26,"tag":100,"props":3225,"children":3226},{},[3227],{"type":31,"value":109},{"type":26,"tag":100,"props":3229,"children":3230},{},[3231],{"type":31,"value":114},{"type":26,"tag":116,"props":3233,"children":3234},{},[3235,3250,3265,3280],{"type":26,"tag":96,"props":3236,"children":3237},{},[3238,3242,3246],{"type":26,"tag":123,"props":3239,"children":3240},{},[3241],{"type":31,"value":127},{"type":26,"tag":123,"props":3243,"children":3244},{},[3245],{"type":31,"value":132},{"type":26,"tag":123,"props":3247,"children":3248},{},[3249],{"type":31,"value":137},{"type":26,"tag":96,"props":3251,"children":3252},{},[3253,3257,3261],{"type":26,"tag":123,"props":3254,"children":3255},{},[3256],{"type":31,"value":145},{"type":26,"tag":123,"props":3258,"children":3259},{},[3260],{"type":31,"value":150},{"type":26,"tag":123,"props":3262,"children":3263},{},[3264],{"type":31,"value":155},{"type":26,"tag":96,"props":3266,"children":3267},{},[3268,3272,3276],{"type":26,"tag":123,"props":3269,"children":3270},{},[3271],{"type":31,"value":163},{"type":26,"tag":123,"props":3273,"children":3274},{},[3275],{"type":31,"value":168},{"type":26,"tag":123,"props":3277,"children":3278},{},[3279],{"type":31,"value":173},{"type":26,"tag":96,"props":3281,"children":3282},{},[3283,3287,3291],{"type":26,"tag":123,"props":3284,"children":3285},{},[3286],{"type":31,"value":181},{"type":26,"tag":123,"props":3288,"children":3289},{},[3290],{"type":31,"value":186},{"type":26,"tag":123,"props":3292,"children":3293},{},[3294],{"type":31,"value":191},{"type":26,"tag":27,"props":3296,"children":3297},{},[3298],{"type":31,"value":196},{"type":26,"tag":81,"props":3300,"children":3301},{"id":199},[3302],{"type":31,"value":202},{"type":26,"tag":27,"props":3304,"children":3305},{},[3306],{"type":31,"value":207},{"type":26,"tag":209,"props":3308,"children":3309},{},[3310,3314,3318],{"type":26,"tag":213,"props":3311,"children":3312},{},[3313],{"type":31,"value":217},{"type":26,"tag":213,"props":3315,"children":3316},{},[3317],{"type":31,"value":222},{"type":26,"tag":213,"props":3319,"children":3320},{},[3321],{"type":31,"value":227},{"type":26,"tag":27,"props":3323,"children":3324},{},[3325],{"type":31,"value":232},{"type":26,"tag":81,"props":3327,"children":3328},{"id":235},[3329],{"type":31,"value":238},{"type":26,"tag":27,"props":3331,"children":3332},{},[3333],{"type":31,"value":243},{"type":26,"tag":209,"props":3335,"children":3336},{},[3337,3341,3345],{"type":26,"tag":213,"props":3338,"children":3339},{},[3340],{"type":31,"value":251},{"type":26,"tag":213,"props":3342,"children":3343},{},[3344],{"type":31,"value":256},{"type":26,"tag":213,"props":3346,"children":3347},{},[3348],{"type":31,"value":261},{"type":26,"tag":27,"props":3350,"children":3351},{},[3352],{"type":31,"value":266},{"type":26,"tag":209,"props":3354,"children":3355},{},[3356,3360,3364],{"type":26,"tag":213,"props":3357,"children":3358},{},[3359],{"type":31,"value":274},{"type":26,"tag":213,"props":3361,"children":3362},{},[3363],{"type":31,"value":279},{"type":26,"tag":213,"props":3365,"children":3366},{},[3367],{"type":31,"value":284},{"type":26,"tag":27,"props":3369,"children":3370},{},[3371],{"type":31,"value":289},{"type":26,"tag":81,"props":3373,"children":3374},{"id":292},[3375],{"type":31,"value":295},{"type":26,"tag":27,"props":3377,"children":3378},{},[3379],{"type":31,"value":300},{"type":26,"tag":209,"props":3381,"children":3382},{},[3383,3387,3391,3395],{"type":26,"tag":213,"props":3384,"children":3385},{},[3386],{"type":31,"value":308},{"type":26,"tag":213,"props":3388,"children":3389},{},[3390],{"type":31,"value":313},{"type":26,"tag":213,"props":3392,"children":3393},{},[3394],{"type":31,"value":318},{"type":26,"tag":213,"props":3396,"children":3397},{},[3398],{"type":31,"value":323},{"type":26,"tag":27,"props":3400,"children":3401},{},[3402],{"type":31,"value":328},{"type":26,"tag":81,"props":3404,"children":3405},{"id":331},[3406],{"type":31,"value":334},{"type":26,"tag":27,"props":3408,"children":3409},{},[3410],{"type":31,"value":339},{"type":26,"tag":27,"props":3412,"children":3413},{},[3414],{"type":31,"value":344},{"type":26,"tag":27,"props":3416,"children":3417},{},[3418],{"type":31,"value":349},{"type":26,"tag":209,"props":3420,"children":3421},{},[3422,3429,3436,3443],{"type":26,"tag":213,"props":3423,"children":3424},{},[3425],{"type":26,"tag":49,"props":3426,"children":3427},{"href":51},[3428],{"type":31,"value":54},{"type":26,"tag":213,"props":3430,"children":3431},{},[3432],{"type":26,"tag":49,"props":3433,"children":3434},{"href":59},[3435],{"type":31,"value":62},{"type":26,"tag":213,"props":3437,"children":3438},{},[3439],{"type":26,"tag":49,"props":3440,"children":3441},{"href":66},[3442],{"type":31,"value":69},{"type":26,"tag":213,"props":3444,"children":3445},{},[3446],{"type":26,"tag":49,"props":3447,"children":3448},{"href":74},[3449],{"type":31,"value":77},{"title":7,"searchDepth":382,"depth":382,"links":3451},[3452,3453,3454,3455,3456],{"id":83,"depth":385,"text":86},{"id":199,"depth":385,"text":202},{"id":235,"depth":385,"text":238},{"id":292,"depth":385,"text":295},{"id":331,"depth":385,"text":334},1778886905803]