郑浩南

web 前端开发工程师|湖南工业大学|本科 2017 - 2021| 18373351542 work.haonan@gmail.com

个人优势

4 年前端开发经验，熟练掌握现代前端技术栈、框架及组件库。具有良好的代码风格，快速适应并使用新技术的能力。持续关注学习新技术，同时致力于前端工程化。

前端核心：精通 JavaScript(ES6+)、TypeScript、HTML5、CSS3，熟悉ECMAScript规范与最新特性

前端框架：深度掌握 Vue 全家桶，具备独立架构设计与项目落地能力

组件库：熟练使用 Element、Ant Design Vue、Naive UI 等组件库

样式工具：熟练使用 Sass/Less 等预处理器，精通 Tailwind CSS、UnoCSS 等原子化 CSS 框架，擅长CSS模块化与组件设计

后端能力：熟悉Node.js生态，具备 NestJS、Fastify 和 MongoDB 实战经验

工程化：精通 Vite、Rollup 生态，有插件开发经验，构建优化专长，擅长模块化设计与代码分割

部署运维：掌握 Nginx/Apache 部署，熟悉 Docker 容器化与 CI/CD 自动化部署流程

版本控制：精通 Git Flow 工作流，擅长分支管理与多人协作冲突解决

网络与优化：深入理解 HTTP 协议，熟悉跨域解决方案，了解浏览器渲染原理与前端性能优化

代码质量：注重代码可维护性，拥有良好编码习惯与架构设计思维

负责百度搜索产品的前端架构设计与开发：

工作内容：

项目描述：百度搜索结果页内容的配置与管理。包括阿拉丁卡片、百度热搜榜、百度热点事件、热词审核机制以及热门活动等内容；提供阿拉丁卡片的组卡、召回配置与内容审核机制

技术栈： Vue、Vuex、Vue Router、TypeScript、Ant Design Vue、Vite、Tailwind CSS、ExcelJS、Vue.Draggable、diff

BFF层：TypeScript、NestJS、Fastify、MongoDB、sharp

项目业绩：

搭建多测试环境，满足不同后端联调与测试需求
优化项目工程化，构建工具由 Vue Cli 迁移至 Vite，Node 版本由12升级至20，包管理器改为 pnpm，ESLint 升级为 @9 版本，流水线构建时间由 20 分钟降至 2分钟，提升项目在走查测试阶段的部署速度；
基于 rollup vitual module 与 vite-plugin-components，封装动态并支持自动导入 icon 组件的 vite 插件，提供灵活高效的 icon 使用方案
创建用于 Ant Design Vue 组件自动导入的 resolver, 实现组件的自动导入、减少首屏加载文件的体积
封装动态表单组件，通过配置快速开发不同的阿拉丁卡片与业务配置表单
搭建 BFF 层，聚合表单内容，基于 iframe 提供卡片预览功能；实现菜单级权限控制
根据百度 gips cdn 开发通用图片裁剪工具，快速修改和压缩本地与在线图片，提升运营工作效率

项目描述：百度搜索结果页二级页面，提供详细内容展示与用户交互功能。

技术栈：ECharts、Swiper、San、search-components、cosmic 等

项目业绩：

示例：