朦胧之

AI 编程开发思维 一、核心理念 1.1 分工原则 层级 责任人 内容 第一层 必须你做 产品边界、架构决策、技术取舍、跨模块一致性 第二层 AI 做你验收 业务代码、接口开发、前端页面、测试用例、文

AI 编程工具使用流程 Gemimi 进行需求探究生成需求概要 Claude Code 根据需求概要文档生成详细设计 Claude Code 根据详细设计文档生成开发计划 Codex 通过开发计划文档

1. 使用 Chrome DevTools 调试 确保你的 package.json 中有调试脚本： 启动调试模式 连接 Chrome DevTools 打开 Chrome 浏览器 访问 chrome

1. 项目组件设计 组件书写思维 需要职责分层 公共组件提取规则 第一次写：直接写 第二次遇到：复制粘贴 第三次遇到：开始抽象 React 组件设计 1. UI + Container 模式 将组件拆

控制同时进行的请求数量代码实现 这个函数会确保最多只有maxConcurrent个请求同时在进行。 当一个请求完成，池子里有空位了，才会开始下一个请求。

技术选型 1. 功能实用性 团队里的人会用吗？  比如团队一直用Vue，那我肯定优先考虑Vue生态里的东西，比如换下ui框架换，这种迁移成本就很小。非要上React，那得先考虑下，有没有时间培训，大家

1. 渲染模式 Concurrent 之前的Update是同步的不可中断的，React 18启用Concurrent模式，Update是异步可中断的 可中断渲染：React 可以在渲染过程中中断当前任

1. Map 比 Object 为什么更好？ Key 类型更灵活 更直观的内置方法 处理大型数据性能更好 保留插入顺序 避免原型污染 Key 类型更灵活 Object: 对象键 只能是字符串或符号。其

一、各平台 SVG 支持情况 平台 SVG 支持程度 主要限制 H5 完全支持 无 微信小程序 基本支持 部分属性不支持 支付宝小程序 基本支持 同上 百度小程序 基本支持 同上 字节跳动小程序 基本