框架精通:精通 Vue3 / React 全家桶(选你主攻的写),深入理解响应式原理、Fiber 架构及 Diff 算法,具备源码阅读与二次封装能力。
工程化基建:精通 Webpack/Vite 构建配置与性能调优,能编写自定义 Loader/Plugin;熟练使用 pnpm + Turborepo 搭建 Monorepo 架构,主导过团队脚手架开发。
性能优化:精通 Web Vitals 核心指标(LCP/FID/CLS)优化,熟练运用虚拟滚动、懒加载、缓存策略及 CDN 加速,有首屏加载速度提升 40%+ 的实战案例。。
代码质量:严格践行 ESLint + Husky + Commitlint 规范,精通 TypeScript 高级类型编程,具备微前端(qiankun/Module Federation)落地经验。
底层原理:深入理解浏览器渲染机制、事件循环、垃圾回收及 HTTP 协议栈,擅长定位内存泄漏与复杂交互卡顿问题。
供应链综合管理平台
该项目服务于数千家供应商,涵盖订单履约、仓储调度及多层级权限管控等复杂业务场景。技术架构采用 React 18 + TypeScript + Ant Design,引入 qiankun 微前端方案将单体应用拆分为 6 个独立子应用,实现多团队并行开发与独立部署;结合 pnpm + Turborepo 搭建 Monorepo 结构,抽离复用公共业务组件 40 余个。针对复杂订单录入页面交互卡顿问题,深度优化浏览器重排重绘机制,运用虚拟滚动及表单字段级监听,将页面帧率从 15 FPS 稳定提升至 60 FPS。权限设计上,基于 RBAC 模型结合数据范围维度,通过自定义 Hooks 封装鉴权逻辑,实现菜单、按钮及接口字段的三级粒度控制。平台上线后稳定支撑日均 10 万+订单流转,分支构建及部署效率提升 50%。
公司级前端组件库与基建项目
为解决多业务线 UI 风格不统一及重复开发问题,主导搭建了公司内部 UI 组件库。技术选型基于 Vue 3 + Vite + Rollup,采用 CSS-in-JS 方案实现样式隔离与动态主题切换,严格遵循 Semver 规范并通过 Changesets 自动化管理版本发布及日志生成。工程化突破层面,将存量 Webpack 4 项目平滑迁移至 Vite + ESBuild 开发环境,通过编写自定义 Vite 插件解决 Legacy 浏览器兼容问题,项目启动时间从 3 分钟锐减至 8 秒;同时封装团队专属脚手架,集成 ESLint + Prettier + Husky + Commitlint 全链路代码规范,新项目初始化效率提升 90%。质量保障方面,引入 Storybook 进行组件独立可视化开发,单测覆盖率维持在 95% 以上,目前已被公司 8 个核心业务系统接入使用。
该项目服务于数千家供应商,涵盖订单履约、仓储调度及多层级权限管控等复杂业务场景。技术架构采用 React 18 + TypeScript + Ant Design,引入 qiankun 微前端方案将单体应用拆分为 6 个独立子应用,实现多团队并行开发与独立部署;结合 pnpm +
为解决多业务线 UI 风格不统一及重复开发问题,主导搭建了公司内部 UI 组件库。技术选型基于 Vue 3 + Vite + Rollup,采用 CSS-in-JS 方案实现样式隔离与动态主题切换,严格遵循 Semver 规范并通过 Changesets 自动化管理版本发布及日志
为解决多业务线 UI 风格不统一及重复开发问题,主导搭建了公司内部 UI 组件库。技术选型基于 Vue 3 + Vite + Rollup,采用 CSS-in-JS 方案实现样式隔离与动态主题切换,严格遵循 Semver 规范并通过 Changesets 自动化管理版本发布及日志