#

#架构

20篇文章

一个页面的迁移之旅:S0-S4 流水线

本文是「V2R:AI 迁移多智能体实战」系列第 2 篇。系列目录: 2026 07-05 V2R Studio 架构:一个不写代码的编排大脑 07-12 一个页面的迁移之旅:S0-S4 流水线(本篇) 上一篇把 v2r-studio 的架构讲完了:pi 只做编排,Claude Code…

V2R Studio 架构:一个不写代码的编排大脑

本文是「V2R:AI 迁移多智能体实战」系列第 1 篇。系列目录: 2026 07-05 V2R Studio 架构:一个不写代码的编排大脑(本篇) 核心架构是:编排层由pi Agent实现只做编排、路由、标准化,所有文件读写由 Claude Code…

CodeGraph、GitNexus 与 Graphify:代码知识图谱的比较维度

代码知识图谱工具预先从仓库中抽取节点和关系,供 Agent 查询符号、依赖和调用路径。这样可以减少目录遍历和全文检索,但三个工具处理的输入、关系来源和查询方式并不相同。 本文比较三个公开项目: CodeGraph:本地预索引代码图谱和 MCP 服务。 GitNexus:为编码 Agent…

UI组件库思考

近期内外网都在讨论框架与组件。组件库选型会影响页面开发方式、样式维护成本,以及后续替换组件的范围。本文整理调研和团队实践中需要确认的条件、候选库与落地方式。 组件库需要覆盖的约束 组件库除提供控件外,还会规定交互行为、样式组织与扩展方式。选型时需要逐项确认: 可访问性:键盘操作、ARIA…

如何设计一个大型小程序

过去三年里,我的主要精力都放在小程序研发上,先后完成大概20多个小程序。其中规模最大的两个是电商类小程序,都有较大的研发团队协作开发。 前端项目通常需要在性能、质量和效率之间取舍。有多端同构诉求时,团队会希望由开发框架处理容器差异。 性能不能只看单个指标。基于 raf 计算 FPS…

小程序工程化思考

和传统工程化对比 下图列出传统前端工程化关注的内容(from umi)。 image.png image.png 小程序的工程化空间受运行时和框架能力限制,下面按能力逐项比较: 框架:可选方案包括 kbone、taro、remax/r2m、mpvue、mpx…

关于基建工作的思考

技术债务评估 对于技术债务,它的利息表现为系统的不稳定性,以及由于临时性手段和缺乏合适的设计、文档工作和测试带来的不断攀升的维护成本。 —— 《架构师应该知道的 97 件事》 Robert Nord 提出的“技术债务全景图”(Tech Debt Landscape…

状态管理

swr https://github.com/zeit/swr 数据更新的处理较复杂 https://stook-cn.now.sh/docs/rest/share-state 可通过 REST 范式约束后端接口,获得相近的状态共享方式 不需要ssr,没有路由诉求 stream return stream Type…

前端状态管理思考与实践

目前已开源 rab 仓库 文档传送门 背景 过去两年我维护了多个 OA 应用,并在 Redux 基础上封装了路由、订阅器和 action 生命周期等功能,供各个 OA 系统复用。 示例如下: 注:其中的 reducers 包含 、、、 四个生命周期,用于减少 Redux…

小程序实时日志

背景 小程序开发中,真机调试时看不到日志。 如果只需要支持微信小程序,这个问题还能靠 vConsole 缓解——它会在页面上挂一个悬浮的调试面板,把 输出和网络请求都展示出来。同时支持美团小程序后,美团小程序的双线程架构带来了额外限制: 层(逻辑层)运行在独立的 JSCore 环境中,挂载在 WebView…

文件管理器虚拟滚动:从零实现列表与缩略图双模式

在命令式选择状态模型确定后,文件管理器还需要处理上万个文件。若将所有项都渲染为 DOM 节点,滚动和布局成本会随数据量增长。本文用原生 JavaScript 实现固定尺寸虚拟滚动,并同时支持列表(list)和缩略图(grid)视图。 实现边界 实现不依赖第三方虚拟列表库,也不依赖 React…