笔记里提到“Agent擅长的交给Agent，不擅长的我们接管”。其实在流式交互中，大模型擅长“生成内容”，而 Vue 擅长“高效渲染”。我们作为工程师，不需要去手动操作DOM，也不需要去处理WebSocket的二进制原始包——fetch+ Vue 响应式替我们挡掉了所有脏活累活。但只有当你搞懂了Uint8Array怎么变成deltadelta怎么触发Diff，你才能在遇到粘包乱码渲染卡顿内存泄漏时

/ 一段看似正常的 JS 代码// 💥 程序炸了：Cannot read property 'name' of null这种在运行时才暴露错误的问题，在 JavaScript 中太常见了。JS 最初的定位是简单的浏览器脚本语言，代码量很小。但如今，JS 已经可以全栈开发，代码量呈指数级增长，当年“出生简陋”的 JS，在面对大型应用时，就显得力不从心了。不清不楚的数据类型：你永远不知道一个变量到底

我们给Agent一个复杂任务（代码中case1），它包含创建项目、修改代码、安装依赖、启动服务等多个步骤。创建一个功能丰富的React TodoList应用:1. 创建项目 : echo -e "n\nn" | pnpm create vite react-todo-app --template react-ts2. 修改 src/App.tsx- 添加、删除、标记完成- 分类筛选(全部/进行中/

我们从一个痛点出发，理解了MCP如何通过标准化协议解耦LLM和工具/资源。用Node.js实现一个MCP Server，注册Tool和Resource。用LangChain的MCP适配器作为Client，集成到Agent中。利用Resource注入System Prompt，丰富上下文。通过流程图和时序图，深入理解跨进程通信和Agent循环机制。MCP的本质，是给AI Agent打造了一个“万能工

我们从一个痛点出发，理解了MCP如何通过标准化协议解耦LLM和工具/资源。用Node.js实现一个MCP Server，注册Tool和Resource。用LangChain的MCP适配器作为Client，集成到Agent中。利用Resource注入System Prompt，丰富上下文。通过流程图和时序图，深入理解跨进程通信和Agent循环机制。MCP的本质，是给AI Agent打造了一个“万能工

和到底有什么区别？什么时候用哪个？__dirname和有啥不一样？读个文件而已，为什么有同步、回调、Promise、async/await 四种写法？说白了，这些问题背后藏着的，是 Node.js 对路径规范和异步 I/O的两大核心设计哲学。今天这篇文章，我就用实测代码带你一次性把它们彻底搞懂。彻底搞清楚path模块 6 个核心 API 的用法和区别理解fs模块的异步演进史，并掌握最优雅的写法收获

我们给Agent一个复杂任务（代码中case1），它包含创建项目、修改代码、安装依赖、启动服务等多个步骤。创建一个功能丰富的React TodoList应用:1. 创建项目 : echo -e "n\nn" | pnpm create vite react-todo-app --template react-ts2. 修改 src/App.tsx- 添加、删除、标记完成- 分类筛选(全部/进行中/

我们给Agent一个复杂任务（代码中case1），它包含创建项目、修改代码、安装依赖、启动服务等多个步骤。创建一个功能丰富的React TodoList应用:1. 创建项目 : echo -e "n\nn" | pnpm create vite react-todo-app --template react-ts2. 修改 src/App.tsx- 添加、删除、标记完成- 分类筛选(全部/进行中/

今天我们从一个反转字符串的问题出发，逐步深入到回文判断及其衍生问题，并顺带回顾了 JS 的包装类、toString和call等底层机制。字符串不可变，反转需通过数组中转。双指针是判断回文的最优解法，空间 O(1)。“最多删除一个字符”问题，拆解为两个子回文判断，用辅助函数解决。JS 的包装类让基本类型能调用方法，而callapply则是改变this的利器。是类型检测的“照妖镜”，是数据序列化的“搬

调用方式this 指向普通函数调用（非严格模式）普通函数调用（严格模式）undefined对象方法调用调用对象构造函数调用（new）新创建的实例事件处理函数触发事件的元素箭头函数上层作用域的 this手动指定的对象运行时决定，谁调用指向谁。剩下的，就是记住那 5 条规则，加上 call/apply/bind 三个手动挡工具。而今天我们顺带还聊了的选型对比，以及表单默认提交的四大弊端（刷新页面、体验