面试官入口
面试官入口
我是一名软件工程师，关注可靠、高性能、可维护的前端系统。最近也在持续探索 AI 辅助开发和 Agent 工作流。
如果你正在评估我的工程能力，可以从这些内容开始。
工程重点
精选文章
Workspace V2 Tab System：把浏览器标签页带进工作空间
Workspace v2 要做的不是多画一排 tab。用户会同时打开多个业务对象，刷新和分享链接还要回到正确页面；后台 runtime 不能偷偷改 URL、弹层、事件或前台 CPU。最后真正要解决的是 ownership：intent、URL、tab 状态、runtime cache、sandbox 副作用和渲染 frame 分别归谁管。...
Workspace V2 Tab System 性能优化：让热切换、冷启动和后台任务各走各的路
一次 Workspace tab 性能复盘：把首屏、热切换、后台压力拆开测，用 profiling、E2E gate 和回滚记录挡住假收益。
用 Harness 让 AI 做性能优化：Goal-Driven Loop 和 Ledger
我做了一个性能优化 skill，把 AI Agent 从“可以试试懒加载”这类建议，拉进 harness、目标和 ledger 组成的循环里一轮轮跑。在一次 Workspace 优化里，strict profile 看到 Workstream 5089ms -> 2519ms、Report Center 10021ms ->...
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 文章，以及下面这些项目笔记里。
用 Harness 让 AI 做性能优化：Goal-Driven Loop 和 Ledger
我做了一个性能优化 skill，把 AI Agent 从“可以试试懒加载”这类建议，拉进 harness、目标和 ledger 组成的循环里一轮轮跑。在一次 Workspace 优化里，strict profile 看到 Workstream 5089ms -> 2519ms、Report...
Agent Skills 探索实录 — AI Agent 时代的函数式蓝图
TL;DR: Skill 就是跑在大模型上的函数——封装固定流程、定义输入输出、支持跨 Agent 复用。本文从第一性原理出发，拆解 Skill 的本质、设计原则和工程实践，帮你把零散的 Prompt 经验沉淀为可复用的能力单元。 背景 Agentic AI 领域概念层出不穷，而 Skills...
用 NodeJS 构建一个玩具浏览器
开始之前没错，我又给自己挖了一个坑。我看到了一本名为《Web Browser Engineering》的有趣书籍，它教如何用 Python 构建一个浏览器。由于我现在正在学习...
工程品味
我关心什么
- 可靠的前端系统
- 清晰抽象与可维护代码
- 真实约束下的性能
- AI 辅助工程工作流
联系