个人优势

• 两段前端实习（电商商家中台、在线教育），能独立完成列表、表单和移动端 H5，改动会配单测和性能数据验证
• JavaScript 基础扎实，能讲清事件循环、原型链、闭包和 this 绑定，手写过 Promise、防抖节流、深拷贝等常见实现
• 读过 React 调度器（Scheduler）和 Vue 3 响应式部分的源码，写过一篇 Fiber 可中断渲染的分析文章，掘金阅读 1.4 万
• 维护开源虚拟滚动表格 react-virtual-table，GitHub 1.2k Star，处理过 40 多个 issue，熟悉 npm 包的构建、发布和语义化版本
• 做过性能优化的完整闭环：先用 Performance 面板和 Lighthouse 定位，再改，再用数据对比，实习中把订单列表首屏图片请求从 80 多个降到 30 个左右
• 熟悉移动端兼容问题，整理过 14 条 iOS / 安卓 WebView 的常见坑和解决方案，被实习团队收进新人文档
• 会写简单的 Node.js 服务，用 Koa + MySQL 给课程项目写过接口，能和后端顺畅对接口
• 习惯写测试和文档：实习期间给 20 多个工具函数补了 Vitest 单测，顺带发现了一个日期时区的线上问题
• 英语 CET-6，能直接阅读 React、Vite 的英文文档和 GitHub issue
• 技术栈：JavaScript、TypeScript、React 18、Vue 3、Zustand、Vite、Webpack、Vitest、Node.js（Koa）、MySQL

实习经历

所在团队负责商家后台（订单、商品、售后），日活商家约 8 万，技术栈 React 18 + TypeScript + Ant Design。

• 参与订单中心重构。原来订单列表、退款列表、发货列表 3 个页面各写了一套筛选表单，逻辑有出入，经常改一处漏两处；我把筛选项抽成配置（字段、组件类型、默认值、联动规则），封装 SearchForm 组件统一渲染，后续新增筛选项只改配置
• 订单列表一页 200 行，每行最多 6 张商品图，首屏图片请求 80 多个，弱网下列表要转好几秒。改为 IntersectionObserver 懒加载，并给图片 URL 拼上 OSS 缩放参数按显示尺寸取图，首屏图片请求降到 30 个左右，图片总流量减少约 70%
• 给金额计算、日期格式化等 20 多个工具函数补了 Vitest 单测，过程中发现一个按 UTC 解析日期导致「下单时间少一天」的线上问题，修复后补了时区相关的用例
• 参与每周的 Code Review，整理了一份团队 React Hooks 常见问题清单（闭包拿到旧值、effect 依赖遗漏、列表 key 用 index 等），被组里拿来做新人文档

• 用 Vue 3 + Vite 开发课程报名 H5，负责报名表单、微信支付回跳和分享海报。海报用 html2canvas 生成，处理了跨域图片导致画布被污染、iOS 上生成的图片模糊（按 devicePixelRatio 放大绘制）两个问题
• 处理 iOS 软键盘弹起遮挡输入框、安卓 WebView 下 100vh 包含地址栏导致底部按钮被挡等兼容问题，整理成团队的移动端兼容问题文档，共 14 条，每条附复现机型和解决方案
• 报名页转化埋点原来只有 PV，补上表单每一步的停留和放弃事件后发现「选择上课时间」一步流失最多，配合产品把时间选择改成默认推荐最近一期，报名转化提升约 8%

项目经历

React / TypeScript / Rollup / Vitest

面向后台场景的高性能表格组件，支持 10 万行数据流畅滚动，npm 周下载量 3000 左右，GitHub 1.2k Star，被两家公司的内部项目使用。

• 动态行高：行高不固定时无法直接算出可视区起点。先用预估高度渲染，再用 ResizeObserver 回填真实高度，维护行高前缀和数组，滚动时二分查找起始行，查找复杂度 O(log n)
• 滚动不白屏：在可视区上下各多渲染一屏作为缓冲，快速拖动滚动条时用 requestAnimationFrame 合并滚动事件，避免一帧内多次重排
• 固定列：左右固定列用 position: sticky 实现，不再拆成三张表同步滚动，代码量和滚动抖动都少了很多
• 工程化：Rollup 同时输出 ESM 和 CJS，配置 exports 字段和类型声明，支持 Tree Shaking；GitHub Actions 跑单测和体积检查，PR 体积增长超过 5% 会提示

React / Canvas / WebSocket / Yjs

三人小组的课程设计，支持多人同时画图、移动和删除图形，我负责画布渲染和协同同步部分，课程评分 优秀。

• 用 Yjs 管理白板数据，多人同时修改同一个图形时由 CRDT 自动合并，不需要自己写冲突处理
• Canvas 分三层绘制（背景网格、图形、选中框），拖动图形时只重绘选中层和图形层，200 个图形下拖动保持 60fps
• 断线重连后用 Yjs 的状态向量只同步缺失的更新，不重新拉全量数据；在弱网模拟下断开 30 秒再恢复，画布内容能正确合并

微信小程序 / 云开发 / TypeScript

和两位同学一起做的校内二手交易小程序，上线一学期注册用户 2600 多人，成交 900 多单。我负责前端和商品搜索。

• 商品列表图片多，低端机上滑动掉帧。用分页加载 + 图片按可视区懒加载，长列表超过 200 条时回收顶部节点，滑动基本不卡
• 发布商品时图片先在本地压缩到 1080 宽再上传，单张从 3~5MB 降到 300KB 左右，上传失败率明显下降
• 搜索在云函数里做分词和同义词扩展（如「自行车」「单车」），无结果率从约三成降到一成左右

教育经历

• GPA 3.7 / 4.0，专业排名前 15%，两次获校级二等奖学金
• 主修课程：数据结构、操作系统、计算机网络、数据库原理、编译原理
• 浙江省大学生服务外包创新应用大赛二等奖（团队前端负责人）

个人优势

• 4 年 Vue 经验，负责过供应链订货、仓储和教务排课等复杂中台，熟悉业务表单从需求澄清到上线维护的全过程
• 熟悉 Vue 3 响应式、依赖收集和 watch 刷新时机，主导过 400 多个组件从 Vue 2 渐进迁移，期间每周正常发版
• 组件设计讲究边界：通用字段组件只管交互和校验，审批、排课的业务状态机留在各自模块
• 做过扫码枪连续操作场景的性能优化，增量接口 + 批量队列，扫描反馈从约 1 秒降到 200ms
• 权限体系有落地经验：资源码清单由路由、菜单、按钮共用，服务端做最终鉴权，误显示反馈从十多次降到 1 次
• 金额计算统一按「分」做整数运算，修复过多处浮点误差导致的一分钱问题
• 可观测性按影响客户数告警，而不是按错误次数；首次报障到定位从半天缩短到约 20 分钟
• 大数据量计算会移到 Web Worker，补货工作台的交互卡顿从 1.3 秒降到 250ms 左右
• 熟悉 Vite 插件、Vitest、Cypress 和 CI 质量门禁，组件改动配 Storybook 和交互测试
• 重视一线用户的操作时间，会到仓库和客服现场看真实操作，再决定先优化哪一步
• 技术栈：Vue 3、TypeScript、Vite（含插件开发）、Vitest、Cypress、CI 质量门禁

工作经历

产品服务连锁门店的采购、仓储与补货流程，约 500 家企业客户。前端组 5 人，我负责门店订货与仓库管理两条线。

• Vue 3 迁移：老系统 400 多个组件依赖 Vue 2 与 Element UI，业务不能停。先做依赖盘点和兼容测试，保留旧路由并逐模块迁到 Vue 3；把公用 API 适配层单独维护，避免每页散落版本判断。历时 10 周迁完核心模块，期间正常每周发版
• 拣货页效率：仓库员工使用扫码枪连续操作，旧页面每次扫描都重新请求整张单据。和后端约定增量变更接口，前端用批量队列合并短时间扫描结果；100 行订单下扫描反馈由约 1 秒降到 200ms，仓库试点每天少花约半小时核对
• 权限收敛：不同客户的岗位权限配置不一致，按钮权限以前靠页面内散落的条件判断。建立资源码清单，由路由、菜单和按钮共用，服务端仍做最终鉴权；补齐无权限、权限过期和切换租户的用例，季度权限误显示反馈从十多次降到 1 次
• 线上故障治理：接入前端错误和接口耗时监控，将租户、版本和路由写入上下文；按影响客户数而非错误次数报警。定位并修复一个只在旧版安卓扫码浏览器触发的异常，客服首次报障到定位从过去的半天缩短到约 20 分钟

所在 4 人小组维护教务排课和讲师工作台，学期开学前两周访问量明显上升。

• 负责排课日历的拖拽与冲突提示：课程跨校区、教师和教室三个维度验证，前端先给即时反馈，提交时服务端二次校验；排课员需要来回修改的次数减少约三分之一
• 将一批散落的弹窗表单整理为可复用字段组件，但审批和排课使用不同的业务状态机，保留在各自模块，避免共享层吞进业务规则
• 为讲师课表加缓存与离线提示，网络恢复后重新验证最新排课；移动浏览器里的误操作投诉逐月下降

项目经历

Vue 3 / TypeScript / Pinia / ECharts / Web Worker

运营根据过去销量、促销计划和库存水位，为门店生成补货建议。一位运营通常一次审核 30 到 80 家店，页面需要同时展示趋势图和明细表。

• 原来前端在主线程聚合门店与 SKU 数据，切换筛选条件要卡住 1 秒以上。把纯计算移到 Worker，数据按批次发送，图表只更新受影响的序列；普通办公电脑上的交互卡顿从 1.3 秒降到 250ms 左右
• 用 URL 保存筛选维度，审核员复制链接给同事时能打开同一视图；批量采纳建议前展示异常库存与缺失数据，减少误下单
• 联合数据团队给建议值增加来源说明，用户可追溯销量区间、预测版本和人工调整记录。试点客户的“为什么推荐这个数量”咨询量下降约四成

Vue 3 / TypeScript / Storybook / Vitest

为采购、审批和财务页面提供统一的金额、日期、门店选择组件，目标是减少重复实现和边界错误。

• 金额输入统一按“分”做内部整数运算，展示层才转元，修复多处浮点计算造成的一分钱误差
• 门店选择器支持按租户分页搜索、已选项回显和权限变化提示；组件在 18 个页面复用，平均新建业务表单的前端工时由 2 天缩至约 1 天
• 为键盘导航、清空、异步加载失败写交互测试，并在 Storybook 标记不兼容的旧属性，升级时页面可以逐个迁移

Vue 3 / Pinia / WebSocket / IndexedDB

仓库员工用扫码枪连续拣货，一张单子上百行，高峰期每人每小时扫描 600 次以上。

• 扫码枪按键盘输入模拟，连续扫描时字符会串在一起。按输入间隔区分人工输入和扫码，扫码结果进入批量队列，每 100ms 合并提交一次
• 单据改用增量接口，服务端只返回变化的行，前端按行 ID 合并；100 行订单下扫描反馈从约 1 秒降到 200ms
• 仓库网络不稳定，扫描记录先写 IndexedDB，断网时界面显示「待同步」数量，恢复后自动补交，重复扫描由服务端按扫描 ID 去重
• 试点仓库每天核对时间减少约半小时，后续推广到 23 个仓库

教育经历

个人优势

• 5 年全栈经验，近两年在创业团队独立负责一款 AI 写作产品的前后端，从 0 做到付费用户 1.2 万
• 前端能做好流式交互：打字机效果、中断续写、多版本对比，长文档编辑时不卡顿
• 后端能搭完整的模型服务层：多厂商模型统一接入、超时降级、按用户计量计费、用量告警
• 会做提示词工程但不迷信提示词，结构化输出用 JSON Schema 约束，失败自动修复或重试
• 做过文件解析和长文本处理：PDF、Word、网页导入，超长内容分段摘要再合并，保留原文出处
• 有产品意识，自己看漏斗和留存数据，改过三版新手引导，次日留存从 21% 提到 34%
• 能独立负责部署和运维：Docker、CI/CD、日志和告警都是自己搭的，线上问题能一个人从前端查到数据库
• 技术栈：TypeScript、Next.js、React、Node.js、Python、FastAPI、PostgreSQL、Redis、Docker、Vercel AI SDK

工作经历

团队 7 人，我是两名工程师之一，负责编辑器、模型服务和支付计费，另一位同事负责移动端。

• 长文生成：一次生成五千字以上时经常超时或前后矛盾。改成先出大纲、用户确认后分节生成，每节带上大纲和前文摘要；生成失败只重试单节。长文完成率从 58% 提到 93%
• 多模型接入：封装统一的模型调用层，三家厂商同一套接口，按任务类型和成本选模型，主模型超时 15 秒自动切备用。厂商故障期间用户侧报错率控制在 1% 以内
• 计量计费：按实际消耗的 token 计费，预扣、结算、退还三步写在一个事务里，并发请求不会扣成负数；接入支付后上线首月对账零差错
• 编辑器体验：AI 改写以修订模式呈现，可以逐段接受或拒绝；流式输出时编辑器只更新最后一个段落，万字文档里输入延迟保持在 50ms 以内
• 增长实验：自己埋点、看漏斗，发现多数新用户卡在“不知道写什么”，加了按场景的模板入口，新用户首次生成率提升约 17 个百分点

负责商家后台和数据报表，前后端都写，团队 10 人。

• 用 Next.js 重写商家报表页，大表格虚拟滚动，报表导出改为后台任务，十万行导出不再拖垮接口
• 设计报表的预聚合表和定时任务，核心报表查询从 6 秒降到 400ms
• 2023 年用 GPT 接口做了商品描述生成的内部工具，试用商家 300 多家，是后来转做 AI 产品的起点

项目经历

Next.js / Tiptap / Vercel AI SDK / FastAPI / PostgreSQL

• 编辑器基于 Tiptap 扩展了 AI 改写、续写、扩写三种节点操作，结果以修订标记插入，撤销栈与普通编辑共用
• 流式结果按段落缓冲后再写入文档，避免逐字写入导致的光标跳动和协同冲突
• 文档历史版本按段落存差异，用户可以对比任意两次 AI 改写的结果

Python / Unstructured / pgvector / Celery

• 支持 PDF、Word、网页链接导入，解析在 Celery 队列里异步执行，前端按阶段显示进度
• 用户写作时可以引用导入的资料，生成内容里的引用带原文段落，点击可以跳回原文
• 扫描件、加密文件给出明确提示，解析失败率从 9% 降到 2%

教育经历