技术能力

1. Web 核心基础
熟悉 HTML5、CSS3、ES6+ 及其最新提案
掌握 HTTP/HTTPS、协议、缓存（Cache-Control、ETag）、CDN 原理
2. 前端框架与库
熟练使用 React / Vue / Astro等主流框架
掌握状态管理（Redux、Vuex、Pinia），能根据业务场景设计可维护的状态架构
3. 架构设计与工程化
前端架构设计：体量化 CSS（BEM、SMACSS、OOCSS）、CSS-in-JS、模块化、微前端
构建工具链：Webpack / Rollup / Vite / esbuild，理解 Tree Shaking、Code Splitting、长期缓存策略
包管理：npm / yarn / pnpm，熟悉私服配置与依赖安全扫描
4. 性能优化
首屏渲染优化（SSR/SSG、Lazy Loading、骨架屏）
资源加载优化（Image、Font、动态 import、preload/prefetch）
浏览器性能调优（FPS、Reflow/Repaint、长任务分析、Web Vitals）
前端监控与埋点（Sentry、RUM、自研埋点方案）
5. 测试与质量保障
单元测试（Jest、Mocha、Vitest）、端到端测试（Cypress、Playwright、Puppeteer）
UI 测试与快照测试（Storyshots、Chromatic）
持续集成（GitHub Actions、GitLab CI、Jenkins），自动化 lint、type-check、测试覆盖率
6. 可访问性（a11y）与国际化（i18n）
WCAG 标准、ARIA 属性、键盘导航、阅读器兼容性
多语言方案（react-intl、vue-i18n、Lingui），动态切换、本地化资源管理
7. PWA 与移动端
Service Worker、离线缓存策略、Web App Manifest
移动端适配：响应式布局、Viewport、触摸体验优化
8. 后端与 DevOps 基础
Node.js 服务端开发基本功，Express/Koa/Deno
熟悉 Docker 容器化、Kubernetes 部署、Serverless（AWS Lambda、Cloud Functions）
API

项目经验

SmartDash 旨在为大中型企业提供多维度、全链路的实时业务监控与数据分析大屏。支持千万级指标并发更新，提供自定义图表、告警策略、报表导出及多租户隔离等能力。
– 负责整体前端架构设计、核心可视化组件研发、性能优化及 CI/CD 自动化；
– 带领 3 人小组，完成从 PoC 到上线的全流程。
主要职责
架构设计选型并落地「微前端 + Module Federation」方案，实现多业务团队独立部署、按需加载，降低主应用体积 40%。
基于 Next.js 实现关键页面 SSR，首屏加载时间从 2.5s 降至 0.8s。
利用 Web Worker + WASM 在前端进行大规模聚合、降采样，后台压力减少 60%。
制定 monorepo 管理规范（Turborepo + pnpm），实现跨团队组件复用率达 85%。
搭建 CI/CD Pipeline，包含 Lint、TypeCheck、单元 & E2E 自动化测试，Code Coverage 稳定 > 90%。

团队情况