spongebor · Engineering notes

把技术实践、作品整理和视觉表达收拢到同一个站点里。

我是 spongebor,以前端为核心的全栈工程师,目前在 xTool 参与图形编辑器研发。这里收录我的技术文章、公开项目,以及一个交互式物理实验室。

当前关注

  • 图形编辑器的前端架构与工程体系
  • 用 Codex、Claude Code 与 MCP 构建 Agent 研发工作流
  • 用 Go 编写后端服务与工程工具

7

技术文章

7

公开项目

Latest Posts

最近的文章

按发布时间排列的最近 3 篇,有外部原文的会在详情页附上链接。

后端 / 2025-04-09

使用docker 创建MongoDB副本集配置完整指南

用 Docker Compose 搭建三节点 MongoDB 副本集的完整步骤:密钥文件、初始化脚本、编排配置和验证方法,最后附上常见问题处理与维护建议。

阅读全文

前端 / 2024-01-25

MOBX的MakeAutoObservable方法究竟auto了什么?

makeAutoObservable 会把类中的原型方法标记为 autoAction,把实例方法标记为 observable。要定义 autoAction 应写成原型方法,并用 { autoBind: true } 解决 this 指向问题。

阅读全文

前端 / 2023-11-13

nextjs13/14(App Router)国际化解决方案

Next.js 13/14 采用了新的 App Router 模式,原来基于 next-i18next 的国际化方案不再适用。本文分步骤给出一套完整的 Next.js 13/14 国际化解决方案。

阅读全文
Selected Work

精选项目

最近在做的项目,更多公开仓库见项目页。

2026

持续迭代

引力逃逸 · 物理实验室

就是你现在看到的这个站点:一个用 Next.js 搭建的个人博客,内置交互式物理实验室,覆盖力学、光学、电学、电磁学、热学、波动、流体和近代物理 8 个主题,共 32 个实验。

Next.jsTypeScriptSVGMobX
打开物理实验室

2026

进行中 · 阶段一

Bézier × Trim Lab

跟着 trim 功能的学习路径边学边写的练习项目,纯 Canvas 加原生 script 实现,不需要 Node 或打包工具,双击 index.html 就能运行。

CanvasJavaScript贝塞尔曲线
查看仓库
Stack

当前技术侧重

日常工作中最常用的语言、框架与交付工具。

TypeScript
React
Vue
Next.js
Node.js
Go
Docker
Kubernetes