分类: 前端开发

SSE 和 WebSocket 详解（AI 流式输出核心技术）在 AI 应用开发中，例如 ChatGPT、Claude、文心一言等产品，为什么回答不是等待几十秒后一次性返回，而是像打字一样逐字生成？核心原因：服务端生成一部分数据后，会立即推送给客户端...

前端工程化核心知识：Vite、Webpack 与 Next.js 构建流程详解在现代前端开发中，项目规模越来越大，仅依靠浏览器直接运行 JavaScript 已经无法满足复杂应用开发需求。因此，前端工程化工具应运而生。常见的前端构建工具包括：Webp...

HTTP 长连接与 TCP 长连接详解在学习 SSE、WebSocket、HTTP Keep-Alive 时，经常会遇到：HTTP 长连接TCP 长连接这两个概念。虽然都叫“长连接”，但是它们处于不同的网络层级。核心区别：TCP 长连接解决的是底层网...

前端工程化实践：Git Hooks 拦截机制与 Chrome DevTools Network 接口调试详解在现代前端开发过程中，除了掌握框架和业务开发能力，还需要具备一定的工程化能力。实际项目中经常会遇到：提交代码前需要自动检查代码规范防止错误代码...

Chrome DevTools MCP 在食友后台项目中的提效指南什么是 Chrome DevTools MCPChrome DevTools MCP 是一个 Model Context Protocol 服务，它让 Claude 能够直接操控 Ch...

JavaScript 防抖与节流详解本文详细介绍 JavaScript 中的防抖（Debounce）和节流（Throttle）机制，包括：为什么需要防抖和节流防抖原理防抖函数实现防抖应用场景节流原理节流函数实现节流应用场景Lodash 中的防抖和节流...

JavaScript 事件的冒泡与捕获机制详解本文介绍 JavaScript DOM 事件传播机制，包括：事件冒泡事件捕获二者区别如何阻止事件传播支持冒泡与捕获的事件类型掌握事件传播机制是理解事件委托、组件交互以及前端事件处理的重要基础。一、事件冒泡...