前端 5 年 · 正在转型 AI Agent

一个 前端正在转型 AI Agent 的内容站

前端做了 5 年,最近在手写 agent loop、读源码、做点小项目。把转型路上的笔记和以前的前端学习记录都公开在这儿。
avatar
avatar animate
前端 · 转型 AI Agent 中

My Blogs

Agent Loop(三):把 messages 压缩成任务摘要

Author avatar
Bykk
May 31, 2026

这篇笔记接着流式 Agent 往下走:messages 会随着对话和工具调用一直增长,所以我加了一层 context compaction,把早期历史压成任务摘要,只保留 system、摘要和最近几轮消息。

4 Min Read

Vue3 Diff算法原理详解

Author avatar
Bykk
June 26, 2025

Vue3中的diff算法是Virtual DOM更新的核心机制,通过同层比较、key值匹配等策略实现高效的DOM更新。本文深入分析diff算法的执行流程、优化策略和实际应用。

9 Min Read

Vue2 Diff算法原理详解

Author avatar
Bykk
June 25, 2025

Vue2中的diff算法是Virtual DOM更新的核心机制,通过同层比较、key值匹配等策略实现高效的DOM更新。本文深入分析diff算法的执行流程、优化策略和实际应用。

7 Min Read

之前做的大屏项目展示

Author avatar
Bykk
June 14, 2025

这是我之前在工作中主导或参与开发的一些数据可视化大屏项目。这些项目主要使用 Vue 和 Echarts 技术栈,旨在将复杂数据以直观、美观的方式呈现出来。

2 Min Read

Next 学习笔记(七):Next.js SEO

Author avatar
Bykk
April 14, 2025

使用 Next.js 这样的服务端框架,其最大的优势之一就是对 SEO 的原生支持。这篇笔记将记录 App Router 中管理 SEO 元数据的现代方法。

2 Min Read

Next 学习笔记(六):前端性能优化

Author avatar
Bykk
April 10, 2025

前端性能优化:代码分割、图片优化与渲染策略。一个加载缓慢、体验卡顿的网站是无法留住用户的。Next.js 提供了一系列开箱即用的工具来解决性能问题,这篇笔记将重点记录其中最关键的几个。

2 Min Read

Next 学习笔记(五):Next.js 样式方案

Author avatar
Bykk
April 7, 2025

在像 Next.js 这样的组件化框架中,样式方案的选择核心是平衡全局一致性与组件级封装。本项目中主要使用了两种主流方案:Tailwind CSS 作为主要的工具类框架,CSS Modules 作为特定场景下的补充。

5 Min Read