面试官入口
面试官入口
我是一名软件工程师，关注可靠、高性能、可维护的前端系统。最近也在持续探索 AI 辅助开发和 Agent 工作流。
如果你正在评估我的工程能力，可以从这些内容开始。
工程重点
精选文章
Workspace V2 Tab System：把浏览器标签页带进工作空间
TL;DR：Workspace v2 需要在单页工作空间里做出接近浏览器的 tab 体验：多个业务对象同时保持打开，刷新和分享链接仍然能回到正确页面，hidden runtime 不能抢当前 tab 的 URL、弹层、事件和前台 CPU。它不是一排 tab UI，而是一套围绕 intent、URL、持久化 tab 状态、runtime...
Workspace V2 Tab System 性能优化：让热切换、冷启动和后台任务各走各的路
背景和目标Tab system 引入后，工作台不再只有一个前台页面。用户可以同时打开多个 workstream、子应用和对象页，系统背后也会同时存在更多 route、runtime、iframe、SDK 和后台任务。性能问题因此不再是“某个页面慢”，而是三条用户路径分别要守住。 图 0：一个通用工作台里的 tab system...
全自动 AI 性能优化：Harness、Goal-Driven Loop 与 Skill 设计
TL;DR: 我做了一个性能优化 skill，让 AI Agent 执行真正的优化闭环，而不是只给出“可以试试懒加载”这类建议。核心是可度量的 harness、goal-driven loop，以及记录每个 baseline、修改点、严格对比和失败 round 的 ledger。在一次 Workspace 优化中，严格 profile 看到...
React 运行时性能优化
优化 React 应用的性能，主要有两个方向： 渲染（Rendering）：渲染过程是 React 应用中开销最大的部分之一（包含 Diff 计算）。 计算（Calculation）：受限于浏览器的有限资源，浏览器并不适合执行重计算任务。 渲染React.memo当一个组件重新渲染时，无论父组件传给子组件的 props...
使用 Error Boundary 构建容错 React 应用（Error Boundary 最佳实践）
本文将展示如何利用 error boundary 的最佳实践来构建一个健壮且容错的 React 应用，包括：何时使用 Error Boundary、构建带有错误处理和错误上报功能的 Error Boundary HOC。...
React 服务器组件内部原理（源码解析）
什么是 React 服务器组件（RSC）？React 服务器组件是 React 的一项新特性，它允许服务端与客户端（浏览器）协同渲染 React 应用。简而言之，它将部分渲染工作移交给服务端，以提升整体性能。 React 元素树的典型构建流程为了更好地理解为什么需要将渲染工作移到服务端，让我们先看看客户端渲染是如何构建 React 元素树（JSX）的：...
项目 / 实验
来自现有文章的项目笔记
独立项目页会逐步补充。当前最强的工程证据在上面的工程与 AI 文章，以及下面这些项目笔记里。
全自动 AI 性能优化：Harness、Goal-Driven Loop 与 Skill 设计
TL;DR: 我做了一个性能优化 skill，让 AI Agent 执行真正的优化闭环，而不是只给出“可以试试懒加载”这类建议。核心是可度量的 harness、goal-driven loop，以及记录每个 baseline、修改点、严格对比和失败 round 的 ledger。在一次...
Agent Skills 探索实录 — AI Agent 时代的函数式蓝图
TL;DR: Skill 就是跑在大模型上的函数——封装固定流程、定义输入输出、支持跨 Agent 复用。本文从第一性原理出发，拆解 Skill 的本质、设计原则和工程实践，帮你把零散的 Prompt 经验沉淀为可复用的能力单元。 背景 Agentic AI 领域概念层出不穷，而 Skills...
用 NodeJS 构建一个玩具浏览器
开始之前没错，我又给自己挖了一个坑。我看到了一本名为《Web Browser Engineering》的有趣书籍，它教如何用 Python 构建一个浏览器。由于我现在正在学习...
工程品味
我关心什么
- 可靠的前端系统
- 清晰抽象与可维护代码
- 真实约束下的性能
- AI 辅助工程工作流
联系