Ariel_jhy

MCP 与 Skill 深度对比：AI Agent 的两种扩展哲学 用 AI Agent 工具（Claude Code、Cursor、Windsurf 等）的时候，经常会遇...

MCP 这么火，为什么你用起来总觉得「没什么用」？不是你的问题，也许 Skills 才是你真正需要的...

在前三篇文章中，我们搞定了性能、行为和错误的采集。但很多掘友在评论区灵魂发问：**“数据是抓到了，发不出去有啥用？进电梯断网了咋办？页面关太快请求被掐了咋办？.......

你是否一直对前端错误监控系统的底层原理充满好奇？别做工具人了，从原理到落地，手把手带你实现一个轻量级前端错误监控SDK......

在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，自定义一个hook实现出现省略号自动添加Tooltip包裹。...

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

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

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

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

Shadow DOM 介绍 Shadow DOM 是Web Components技术的一部分，浏览器提供了 attachShadow API允许开发者将一个隐藏的、独立的D...

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

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

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

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

之前没太关注过组件之间的数据传递问题，一般做项目如果是Vue2.x版本，直接用Vuex。 如果是Vue3.x版本，直接用Pinia。基本上很少用Bus(事件总线)，也没太关...

一、WHY：为什么需要 WebSocket？ 在 WebSocket 出现之前，如果我们想实现实时通信，比较常采用的方式是 Ajax 轮询，即在特定时间间隔（比如每秒）由浏...

最近的金三银四，有没有人去看看市场过？ 降薪？外包？离家远？ websocket页面休眠了怎么处理 链接因为某些原因出了故障，导致延迟几秒，要怎么处理 心跳请求一般做几秒...

引言 在前端开发中，监控用户体验是非常重要的一项工作。其中，检测页面是否白屏是一个关键的指标，它可以帮助我们及时发现页面加载问题，提升用户体验。本文将介绍前端监控SDK中如...