本文复盘了从“盲从AI生成代码”到“掌控布局底层逻辑”的转变。通过解决滚动失效、Flex撑爆等Bug，深度解析了容器约束、BFC隔离及FFC环境对样式的决定性作用。强调开发者应拒绝脑力外包，在AI时代通过理解物理逻辑构建稳固的UI架构。

回调函数就是作为一个函数的参数的函数，在外部函数执行完毕的时候，这个回调函数会在特定的时机执行。通常在同步或者异步的编程场景下要用到，异步编程的时候可以用promise 或者 async/await ， 定时器setTimeout，这些时间相关的api。回调地狱就是原生回调函数们不断嵌套嵌套嵌套，像俄罗斯套娃一样，虽然实现了按照一定顺序的输出，但是由于层层嵌套难以维护，不好调试和复用。

localStorage 的优 / 缺点✅ 优点：API 简单、上手快；同步操作适合简单逻辑。❌ 缺点：容量小、阻塞主线程、无查询能力。IndexedDB 的优 / 缺点✅ 优点：容量大、异步非阻塞、支持复杂查询 / 事务。❌ 缺点：API 复杂、学习成本高；不适合小数据场景。

Fetch/XHR：你问一句，服务器答一句（单次互动）。Server-sent：服务器一直给你报信，你不用问（单向持续）。WebSocket：你和服务器随时互聊（双向持续）。试着把代码复制到自己的项目里跑一跑，看到控制台输出的那一刻，就再也不抽象啦！

先拨号建连接，得到ws实例；靠ws.onopen确认连接成功，再用发消息（data 转字符串）；靠收后端消息（转成对象用）；靠onerror处理错误，onclose处理重连；发消息前用判断连接是否可用。

开源尝试！

Agent = 大模型API + Prompt优化Agent = 系统架构 + 可控执行 + 安全审查 + 领域适配 + 可观测性作为前端开发者，你在Agent时代拥有独特优势用户体验敏感：知道如何设计自然的AI交互状态管理专家：能设计复杂的Agent工作流快速迭代能力：前端开发的敏捷性能快速验证想法可视化能力：能让黑盒的AI决策变得透明不要被"AI需要Python"的说法限制，Node.js生态

可以跟 AI 说：“我想用 Context+useReducer 做状态管理，代替现在的 WeatherStore，你能不能只给我核心的结构思路，不要写完整的 Context Provider 代码，我自己来补”。“我要先调城市搜索 API 拿 ID，再调天气 API，这个流程里需要注意哪些异步问题？能不能给我梳理下步骤，不用写完整代码”。“我写了这段代码想实现两个 API 的调用，你帮我看看哪里

React.memo是 React 提供的高阶组件（HOC），本质是浅比较的组件缓存工具它会 “记住” 组件上一次渲染的结果；当组件的props 没有发生浅变化时，直接复用上次渲染的 DOM / 虚拟 DOM，跳过重新渲染；仅当 props 发生浅变化（比如值类型改变、引用类型地址改变）时，才重新渲染组件。// 自定义比较：仅比较 angle，忽略 className/style// 带自定义比较

居然配置一个pages配置了一两个小时，简直是要没耐心了，但是还是耐着性子部署成功了。background： react + vite + ts 项目不知道哪里出了问题，缓存有误。dist删了又新建删了又新建反反复复...本来打算用deploy脚本。最后也是，只不过最后是手动配置的。这里面的env什么都不会写，靠ai来写build的yml完全不靠谱。还是要自己学会看懂。心累心累，最后手动部署不知道