junying6-优快云博客

原创《大模型缓存详解：KV Cache、Prompt Cache、GQA、MLA 原理与实践（含图解）》

fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;持久化输入文本Tokenizer 切分为 token词嵌入 → 向量序列Prefill 阶段并行处理所有 token建立 KV Cache（每层每 token 的 K/V 向量）Decode 阶段（循环）新 token → 只算 QQ 查询 Cache 中的 K/V→ 注意力计算。

2026-06-15 17:36:45 783

原创前端也能搞懂流式输出：从 SSE 到打字机效果

不调框架、不用 EventSource，只用原生 fetch + ReadableStream，把"AI 一个字一个字往外蹦"这件事从原理到代码亲手实现一遍。全程浏览器原生 API，一个大模型 API Key 就能复现。

2026-07-09 14:25:04 456 1

原创前端也能搞懂 Agent：从 Function Calling 到自主编排

本文深入浅出地拆解了Agent技术的核心机制。通过Node.js原生代码演示，揭示了Function Calling的本质：AI仅输出结构化调用意图（tool_calls），实际执行权始终在开发者手中。重点解析了工具说明书（tools）的编写要点和tool_call_id的回填机制，指出Agent本质是"Function Calling+循环"的自主决策系统。同时强调生产环境必须设置执行步数上限（MAX_STEPS）、工具容错等安全护栏。

2026-07-08 16:42:35 378

原创前端 RAG 工程化：混合检索 + 重排序 + 多轮，把“能跑“调成“能用“

前端 RAG 工程化实践：混合检索与多轮对话优化摘要本文介绍了如何将基础的RAG（检索增强生成）系统从"能跑"优化到"能用"的工程实践。针对元数据治理场景，作者提出了三个关键改进：双粒度分块策略：针对结构化元数据特点，同时生成表级和字段级文本块，解决不同粒度查询需求。混合检索方案：结合向量检索（语义相似度）和BM25（关键词匹配），通过RRF算法融合两路结果，有效解决纯向量检索对专有名词识别不足的问题。多轮对话优化：重点解决指代消解问题

2026-07-01 17:32:04 327

原创前端手写 RAG 踩坑实录：四个让检索“翻车“的坑

前端手写 RAG 踩坑实录：四个让检索"翻车"的坑，实际使用过程遇到的问题，每个坑都附现象、排查、解法和背后原理

2026-06-25 10:09:44 364

原创前端也能搞懂 RAG：用 JS 手写一条最小检索增强链路

- 用自己的话讲清 RAG 是什么、解决什么问题；- 知道一条 RAG 链路由哪几个零件组成，每个零件为什么不可省略；- 手里有一份能跑、能改、能在面试时打开演示的代码。

2026-06-24 15:14:04 373

原创 React 框架原理与实战——04-04-React服务端渲染专题(原生实现，next.js集成框架，Gatsby)

文章目录1. ReactSSR1.1 服务器端渲染1.1.1 实现React SSR1.1.2 webpack 打包配置1.1.3项目启动命令配置1.2 客户端 React 附加事件1.2.1 实现思路分析1.2.2 客户端二次“渲染” hydrate1.2.3 客户端 React 打包配置1.2.4 添加客户端包文件请求链接1.2.5 服务器端实现静态资源访问1.3 优化1.3.1 合并 webpack 配置1.3.2合并项目启动命令1.3.3 服务器端打包文件体积优化1.3.4 将启动服务器代码和渲染代

2021-03-04 09:31:06 552

原创 React 框架原理与实战——04-03-React Hooks、Chakra-UI、组件性能优化、封装组件库

文章目录1.Hooks2.Formik3.Component4.CSS-IN-JS5.ChakraUI5.1 Chakra-UI 介绍5.2 Chakra-UI 快速开始5.2.1 下载 Chakra-UI5.2.2克隆默认主题5.2.3引入主题5.2.3引入CSS重置样式5.3 样式属性5.4 主题5.4.1 颜色模式（color mode）5.4.2 根据颜色模式设置样式1.Hooks2.Formik3.Component4.CSS-IN-JS5.ChakraUI5.1 Chakra-UI

2021-03-02 14:10:18 804 1

原创前端工程化实战-开发脚手架及封装自动化构建工作流＞工程化的定义和主要解决的问题- 02-01-03自动化构建

文章目录1.自动化构建基本介绍2.自动化构建体验3.常用的自动化构建工具4.Grunt的基本使用5.Grunt标记任务失败6.Grunt的配置方法7.Grunt的多目标任务8.Grunt插件的使用9.Grunt常用插件及总结10.Grunt的基本使用11.Grunt的组合任务12.13.14.15.16.17.18.19.20.总结1.自动化构建基本介绍自动化构建是前端工程化中重要组成部分，就是把开发阶段源代码自动转化成生产环境当中可以运行的代码或者程序自动化构建工作流2.自动化构建体验3.

2021-02-22 23:15:41 302

原创前端工程化实战-模块化开发与规范标准-02-02-01模块化开发

文章目录模块化开发1.模块化演变过程Stage1 文件划分方式Stage2 命名空间方式Stage3 IIFE 立即执行函数2.模块化规范CommonJS规范AMD(Asynchronous Module Definition)异步模块规范淘宝推出的Sea.js + CMD(Common Module Definition)通用模块规范3.模块化标准规范4.ES Modules1.ES Module 导入导出的注意事项2.3.4.5.5.6.7.8.9.10.模块化开发模块化开发时当前最重要的前端开发范

2021-02-22 22:18:53 220

原创前端工程化实战-开发脚手架及封装自动化构建工作流＞工程化的定义和主要解决的问题- 02-01-02脚手架工具

文章目录1.概要2.常用的脚手架工具3.Yeoman - 简介4.Yeoman - 基本使用5.sub Generator6.Yeoman 使用步骤总结7.自定义 Generator8.创建 Generator 模块9.根据模板创建文件步骤10.接收用户输入数据11.vue Generator 案例12.发布 Generator13.Plop14.Plop基本使用15.脚手架的工作原理1.概要因为在前端工程中，可能会有：相同的组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码

2021-02-19 23:06:36 300

原创前端工程化实战-开发脚手架及封装自动化构建工作流＞工程化的定义和主要解决的问题- 02-01-01工程化概述

文章目录1. 前端工程化定义和前端开发中遇到的问题2.工程化表现3.工程化不等于某个工具4.工程化与 Node.js总结：接下来主体内容1. 前端工程化定义和前端开发中遇到的问题定义前端工程化是指遵循一定的标准和规范，通过工具去提高效率、降低成本的一种手段日常问题举例想要使用ES6+新特性，但是兼容有问题想要使用Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持想要使用模块化的方式提高项目的可维护性，但运行环境不能直接支持部署上线前需要手动压缩代码及

2021-02-18 22:29:59 303

原创 React 框架原理与实战-React 框架原理与实战-04-01-01React基础回顾

文章目录一、React 介绍？二、JSX 语法2.1 在 JSX 中使用表达式2.2 属性2.3 JSX 单标记必须闭合2.4 className2.5 JSX 自动展开数组2.6 三元运算2.7 循环2.8 事件2.9 样式2.9.1 行内样式2.9.2 外链样式2.9.3 全局样式2.10 ref 属性2.10.1 createRef2.10.2 函数参数2.10.3 ref 字符串2.10.4 获取组件实例3. 组件3.1 什么是组件3.2 创建组件3.2.1 创建类组件3.2.2 创建函数组件3.

2021-02-18 21:52:41 387

原创 vue项目实战

文章目录一、使用vueCli创建项目？二、加入Git版本管理三、初始化目录介绍四、调整目录结构1.修改 App.vue2.修改 router/index.ts3.删除默认示例⽂件：4.创建以下内容：5.修改后的目录结构五、使用TS开发Vue1.环境说明2.相关配置说明3.使用OptionsAPI定义Vue组件4. 使用ClassAPIs定义Vue组件5.关于装饰器语法6.使用vuePropertyDecorator创建Vue组件7.总结创建组件方式六、基础处理1.导入elementUI2.样式的处理3.共享

2021-02-17 14:11:07 1160

u012565530的博客