从 AJAX 到 Fetch，详解 Promise 用法、链式调用与 async/await，掌握现代 JS 异步编程。

本文复盘块级编辑器集成AI SDK全过程，涵盖前端UI插槽注入、后端工具调用、ID约束守卫及流式协议对接等核心机制与问题解决方案。

本文复盘了从“盲从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 的调用，你帮我看看哪里