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允许开发者将一个隐藏的、独立的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中如...

最近在刷文章的时候，发现了一个很奇怪的现象，明明是一个很简单的知识点，但是我居然没有看见几篇讲述正确的文章。很多篇关于 Vue2 生命周期的问题讲的都非常片面或者就是完全错...

1. 通用组件（表单搜索+表格展示+分页器） 在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后...

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公...

本文将对 agent、RAG、Funcation call、MCP使用通俗易懂的大白话说明，并解释四者之间的关联...

在vue3开发中，路由守卫是一个很重要的环节，vue router 是官方打造的一个路由管理器，它让我们能够方便的管理路由。在开发过程中，我们常常要考虑权限控制，这个时候就...

SSE 实现 AI 对话中的流式输出 整体效果 SSE 技术原理 Server-Sent Events (SSE) 是一种基于 HTTP 的服务器向客户端推送数据的技术。与...