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