Ariel_jhy

源代码映射是前端开发中的一个重要概念，它允许开发者在经过编译、压缩或转译后的代码中调试原始源代码。这是通过在 Chrome 开发者工具的 "源代码/来源" 面板中将编译后的代码映射回原始源代码实现的。

本文深入解析 Source Map 的结构与原理，涵盖其用途、mappings 编码规则、实际 JS 示例、手动解码方法，并推荐相关工具，帮助开发者掌握调试压缩代码的核心技术。

本文用 Vue 3 + Vite 调用 DeepSeek API，实现 AI 流式输出。通过逐行解析代码，深入浅出讲解二进制编码、流式响应处理与 Vue 响应式原理。

本文将以 **Vue 3 + Vite** 为例，手把手带你实现一个完整的 AI 流式对话功能，并深入剖析底层原理，助你在自己的项目中快速落地。

Shadow DOM 介绍 Shadow DOM 是Web Components技术的一部分，浏览器提供了 attachShadow API允许开发者将一个隐藏的、独立的DOM树附加到一个常规DOM元

什么是影子DOM? ​ 影子DOM 是 Web Components 标准套件中的一项关键技术。它允许你将一个隐藏的、独立的 DOM 树附加到一个常规的 DOM 元素上。 你可以把它想象成一个“DOM

大家好，我是双越老师。本文介绍前端人员开发一个 AI Agent 需要哪些核心技能，包括 LLM 提示词工程 langChain RAG 。对于前端转行 AI 工程师是一个很好的参考。

React Flow 作为基于 React 的现代化工作流编排工具，通过其声明式渲染协议和可扩展的节点系统，已成为百宝箱、扣子等主流工作流平台的核心画布引擎， 服务于智能体的搭建。

最近我身边不少朋友（包括我自己）都在看新的工作机会。我们发现，2025年的前端面试，出现了一个很有意思的新环节，几乎是必问的： 一套AI三连下来，如果你回答得磕磕巴巴，或者直接说“没怎么用过”，面试官