查看历史提示词

张三

前端工程师 / 高级前端开发
5 年经验
+86 138 1234 5678 zhangsan@email.com github.com/zhangsan 北京市朝阳区

个人概要

拥有 5 年前端开发经验的工程师，深耕 React、Next.js 与 TypeScript 技术栈，专注前端性能优化与用户体验提升。具备从 0 到 1 搭建大型中后台系统与 C 端应用的能力，善于将复杂业务逻辑抽象为可复用组件与工具链，推动团队研发效能提升。具备良好的跨团队协作与需求拆解能力，持续关注 Web 标准与技术演进，致力于交付高可用、高性能的现代 Web 应用。

核心优势

前端架构设计 主导大型 SPA 应用架构设计，制定组件规范与目录结构，推进 Monorepo + pnpm workspace 工程化实践
性能优化专家 累计提升首屏加载速度 60%+，核心 Web Vitals 全面达标，Lighthouse 评分从 45 提升至 92+
React 生态深耕 熟练运用 React 18 Concurrent 模式、Server Components、Suspense 边界及 Streaming SSR 等现代特性
技术驱动业务 通过前端技术选型与优化，减少页面白屏时间 45%，提升核心转化率 25%，降低运维成本 30%

技能专长

前端框架

React Next.js Vue.js Nuxt.js Remix

语言 & 类型系统

TypeScript JavaScript (ES2022+) HTML5 CSS3

性能 & 构建

Webpack Vite Turbopack Rust / SWC Lighthouse

样式 & 设计系统

Tailwind CSS CSS-in-JS SCSS / PostCSS Storybook

测试 & 质量

Vitest Jest Playwright Cypress

工具 & 平台

Git / GitHub Actions Docker Vercel AWS (S3 / CloudFront) Figma

工作经历

云极科技（北京）有限公司 — 高级前端工程师
2022.03 — 至今
  • 主导公司核心 SaaS 产品前端架构重构，将整体技术栈从 Vue 2 迁移至 React 18 + Next.js 14，组件复用率达到 70%+
  • 基于 React Server Components 重新设计数据流层，减少客户端 JS bundle 体积 45%，TTI 从 4.2s 降至 1.6s
  • 设计并实现统一的主题化组件库（50+ 组件），接入 Storybook 可视化文档，团队开发效率提升 35%
  • 建立基于 Playwright 的 E2E 测试套件，核心流程覆盖率达到 90%，线上故障减少 60%
  • 制定 TypeScript 编码规范与 Code Review 评审标准，指导 3 名初中级工程师成长
锐创互动网络科技有限公司 — 前端开发工程师
2020.04 — 2022.02
  • 参与电商中后台管理系统开发，基于 React + Ant Design 搭建 20+ 业务模块，支撑日均 50 万+ 订单管理
  • 主导首屏性能优化专项：代码分割、路由懒加载、图片 CDN 优化，首屏加载时间从 6.5s 优化至 2.1s
  • 独立开发通用数据表格组件，支持虚拟滚动、列拖拽、动态筛选，被 4 个业务团队复用
  • 参与 Webpack 构建性能优化，通过缓存策略、多进程打包将构建时间从 7min 降至 2.5min
畅想科技工作室 — 初级前端开发（实习）
2019.07 — 2020.03
  • 参与内部 CRM 系统的前端开发与维护，使用 React + TypeScript 完成 15 个业务页面
  • 基于 ECharts 实现数据可视化看板，支持多维度销售数据实时展示与导出
  • 配合后端完成 RESTful API 接口联调，积累敏捷开发与跨团队协作实践经验

项目经验

「星河」低代码搭建平台 React 18 · Next.js · TypeScript · Zustand · Tailwind CSS
面向运营团队的拖拽式 H5 页面搭建平台。设计基于可拖拽组件树 + 实时预览的 Web 编辑器架构，实现组件级按需加载与DSL 序列化方案。发布页面平均渲染时间 控制在 300ms 以内，支持同时 200+ 组件实例协同编辑。集成版本管理与灰度发布能力，上线后运营活动搭建效率提升 80%，支撑日均 200 万+ 用户访问。
300ms
页面平均渲染时间
80%
运营搭建效率提升
200w+
日活用户承载
200+
协同编辑组件数
AI 智能客服 Web SDK React · TypeScript · WebSocket · IndexedDB · Vite
为多租户嵌入的智能客服聊天 SDK，bundle 体积仅 45KB（gzip）。采用 WebSocket 实现实时消息推送，结合 IndexedDB 实现离线消息缓存。设计可配置的主题系统与插件机制，支持主流框架（React / Vue / 原生 JS）集成。上线后接入 30+ 客户，消息送达率 99.97%，用户满意度评分提升 25%。
45KB
SDK 压缩体积
99.97%
消息送达率
30+
接入客户数量
25%
满意度评分提升
前端监控与性能分析平台 Next.js · TypeScript · Web Vitals · Performance API · D3.js
自研的前端性能监控系统，采集 FCP / LCP / TTFB / CLS / INP 等核心指标并聚合展示。提供 SourceMap 错误追踪、资源加载瀑布图、版本对比分析等工具。SDK 采用 requestIdleCallback 调度上报，对性能开销 < 1%。覆盖公司全部线上产品 95% 用户会话，累计捕获 300+ 性能异常并驱动优化闭环。
< 1%
SDK 性能开销
95%
用户会话覆盖
300+
性能异常捕获
全面达标
核心 Web Vitals

教育背景

北京理工大学 · 计算机科学与技术 · 本科
2015.09 — 2019.06
CET-6 英语读写能力，可流畅阅读技术文档与英文技术社区
在校期间获得 ACM 程序设计竞赛省级铜奖