H2OCODE

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

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

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

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

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

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

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

目录：基础、架构、首页、推荐、分类模块； 技术：uni-app + vue3 + ts + pinia； 声明：网课项目笔记，仅供学习，侵权联删。

前言 原本是打算学习一下cesiumlab的用法，所以在此记录一下。太多东西不明白，一步一步慢慢的来