H2OCODE

6年 前端开发经验，1 年 AI 产品实战。本文记录了作为前端工程师在 AI Agent 开发中的技术选型及开发实战记录

在单页面应用（SPA）项目中，有一个问题非常常见，但又经常被低估：系统明明已经发布了新版本，部分用户却依然停留在旧页面中继续操作。 一旦用户继续进行路由跳转、访问懒加载页面，或者触发某些依赖新资源的操

在前端开发中，瀑布流布局（Masonry Layout）一直是一个让人又爱又恨的需求。爱它是因为它能极大提升图片类应用（如 Pinterest、小红书）的视觉体验和空间利用率；恨它是因为实现起来坑点满

结合 Next.js 源码与构建产物，梳理 RSC 的打包结构、路由导航链路与 payload（数据包）格式，并说明其与水合和模块边界的关系。

上一篇我们讲解了分层事件系统的设计，本篇我们将在事件系统的基础上实现无限画布、标尺、网格绘制，无限画布实际上只是理论上的无限，绘制的仅仅是视口区域，通过事件触发移动和缩放，重新计算视图矩阵，更新渲染

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 渲染层实现，今天继续推进 —— 把视角放在“数据层与渲染层的衔接”上。 你会看到一个清晰的三层设计：数据层（NodeTree

🧑‍💻 写在开头 点赞 + 收藏 = 激励原创 🤣🤣🤣 在上一篇文章里，我们讲了节点树是如何管理数据、提供交互与状态支持的。 本篇我们来深挖“渲染层”——也就是把节点树中的状态，画到屏幕上的那一层。

【图形编辑器架构】节点树篇 — 从零构建你的编辑器数据中枢 🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🙏 如果你正在做画板、可视化、图形编辑器、流程图工具、思维导图这种东西，那么节点树绝对是核心

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五层架构设计，从 DOM 原生事件到业务