AI
Agent 的 Message 表怎么设计：持久化、压缩与上下文
用 PostgreSQL、Drizzle ORM 与 Vercel AI SDK 7，把 Agent 的消息存得可靠、查得明白。
Tuntun
Full-stack Developer
分享前端、后端、AI 与工程实践中真实遇到的问题。
代表作
全部文章
查找文章
浏览全部 19 篇文章
AI
Agent 的 Harness 是什么：模型之外的工程系统
从一次 Coding Agent 的修复任务出发，拆解 System Prompt、Tools、Agentic Loop 与模型适配层。
后端开发
PostgreSQL 快速入门：从建表到事务与索引
用一个迷你电商案例，从建表、CRUD、JOIN 和聚合，一路掌握事务、索引与 EXPLAIN。
前端开发
网页端如何制作一个检测帧率的组件
使用 requestAnimationFrame 统计页面帧率，并封装一个可以直接使用的 React FPS 检测组件。
前端开发
用距离驱动智能圆角形变动画
拆解标签页拖拽时的智能圆角形变：用伪元素补出切口，再把拖拽距离映射为圆角进度。
前端开发
用安全三角形解决二级菜单误触
使用 CSS clip-path、CSS 变量和指针坐标，为二级菜单增加不会拖慢交互的安全区域。
前端开发
Next.js 添加顶部加载进度条及其原理
使用 nextjs-toploader 为路由跳转增加顶部加载反馈，并拆解 NProgress 的启动、结束与路由监听机制。
前端开发
我做了一个纯前端视频裁切、转码工具
使用 Next.js、React、Mediabunny 和 WebCodecs，在浏览器本地完成视频转码。
前端开发
快速入门数据校验工具 —— Zod
从基础类型、对象与数组，到 parse、safeParse、refine 和类型推断，快速掌握 Zod。
前端开发
TanStack Query 快速上手
拿一个项目管理页实操，从列表查询写到筛选、新增、缓存失效和分页。
AI
Agent 的 Message 表怎么设计：持久化、压缩与上下文
用 PostgreSQL、Drizzle ORM 与 Vercel AI SDK 7，把 Agent 的消息存得可靠、查得明白。
工程实践
Docker 入门：从第一个容器到 Docker Compose
从实际操作入手，认识 Docker 的常用概念、命令、镜像、数据卷和 Compose。
AI
如何用国内信用卡订阅 ChatGPT
通过 Android 版 ChatGPT 和 Google Play 尝试使用国内信用卡完成订阅。
前端开发
Nextjs如何单次构建，多环境部署
介绍 Next.js 单次构建并支持多环境部署的实现方案。
前端开发
react-use源码学习 | State篇
学习 react-use 中 State 相关 hooks 的实现。
前端开发
如何用Nextjs搭建一个基于MDX的博客网站
介绍如何使用 React、Next.js、Tailwind CSS 与 MDX 搭建博客。
前端开发
Plasmo使用shadcn/ui
从零开始在 Plasmo 浏览器插件中接入 Tailwind CSS 与 shadcn/ui。
工程实践
Git常用命令
整理日常开发中常用的 Git 命令与工作流。
前端开发
手写zustand
通过手写一个简化版 Zustand 学习状态库的实现原理。
前端开发
浏览器插件如何获取网页的window对象
介绍浏览器插件中获取网页 window 对象的方法。