关于项目

技术栈：React 18 + TypeScript + UmiJS 4 + Ant Design Pro + Less + PWA(Service Worker) + i18n
代码特征：ProLayout 与路由配置、Umi 插件体系
主要模块：聊天对话(chatbox)、模型与功能选择器(ModelSelector/EnhancedChatControls)、文件上传与附件服务、账户/管理页、国际化

工作职责

负责 Web 端的响应式与自适应开发，保证桌面端/平板/移动端在不同分辨率和密度下的布局与交互一致性
基于 Ant Design Pro + Umi 路由与布局，落地多断点栅格、伸缩侧边栏、移动端导航与触控体验
对接后端接口（Swagger/OpenAPI），实现鉴权拦截、统一错误处理与重试；支持 SSE 流式消息的增量渲染
协助编写单元测试与基础端到端测试，保障多端适配与关键路径稳定
参与构建与发布（Umi 构建、Nginx 静态资源策略、简单 CI/CD）
执行力强，有自主解决问题的意识和能力

任职要求（必备）

2 年以上前端经验（接受优秀应届生）
熟练 React + TypeScript，良好的组件化与状态管理经验（Umi model/useModel、useRequest/请求拦截）
深入掌握响应式/自适应：Flex/Grid、媒体查询、移动优先、断点策略；熟悉 Ant Design 栅格与响应式 API（如 useBreakpoint）
熟悉 UmiJS 与 Ant Design Pro
接口与数据处理能力：基于 OpenAPI/Swagger 的类型与服务生成、统一异常/重试、列表分页与上传下载
有跨端调试与适配经验（重要）：移动端视口/安全区域、触控与键盘交互、滚动与吸顶、低端设备性能权衡
基础工程化：pnpm/Node、ESLint/Prettier、熟悉Git 协作

加分项

SSE/流式渲染或 WebSocket 实战，聊天类产品经验
图表/可视化（AntV/ECharts/d3），对金融类数据展示有经验
可访问性与国际化（WCAG、快捷键、RTL），多语言落地经验（项目含多语言包）
PWA/Service Worker 缓存策略、离线兜底
前端监控与性能分析（LCP/CLS、SourceMap、埋点）
Docker 与 Nginx 静态部署优化（gzip/br、缓存策略、路由回退）

作品或代码
展示多端适配的真实项目或组件库案例（含断点设计与动效）
复杂列表/表单性能优化前后对比
对 Ant Design Pro 或 Umi 插件的二次封装实践


工作方式

使用 Git + Code Review，基于 Issue/看板推进

VS Code 开发，pnpm 管理依赖，一键脚本与容器化运行

重视可维护性：类型完善、注释与简洁 API、可测试性设计

关键词：

React、TypeScript、UmiJS、Ant Design Pro、Less、响应式/自适应、SSE 流式、OpenAPI、PWA、i18n、性能优化、Docker/Nginx