通 HTML 语义化开发、CSS/CSS3 及 Sass/LESS 预处理器,熟练掌握 JavaScript ES6 + 核心特性;熟悉 npm/yarn/pnpm 包管理工具,能灵活运用 Webpack、Vite 完成工程化构建。熟练使用 Vue、React、Angular 三大主流框架,掌握 TypeScript 强类型开发,具备微前端方案落地及前端性能优化实战经验
项目 1:企业级电商管理系统(Vue3+TypeScript+Vite)
项目描述:基于 Vue3+Pinia+Element Plus 开发的 B 端电商后台系统,支撑商品管理、订单处理、用户权限等核心模块,覆盖 50 + 业务页面;使用 TypeScript 强类型约束,结合 Vite 实现热更新与打包优化,首屏加载速度提升 40%;集成 ECharts 实现销售数据可视化,支持多维度数据筛选与导出。
技术栈:HTML/CSS/Sass、JavaScript ES6+、Vue3、TypeScript、Vite、Pinia、ECharts、Axios
职责:核心模块开发、前端工程化配置、性能优化、数据可视化实现。
项目 2:多端社交小程序(UniApp+React + 微前端)
项目描述:基于 UniApp 开发的跨端社交小程序,兼容微信 / 支付宝小程序及 H5 端;采用微前端架构拆分用户、消息、动态三大子应用,基于 React 实现核心交互模块,解决多端样式兼容与性能瓶颈;集成 WebSocket 实现实时消息推送,优化长列表渲染(虚拟列表),降低内存占用 35%。
技术栈:HTML/CSS、JavaScript、React、UniApp、微前端、WebSocket、pnpm
职责:微前端架构落地、React 模块开发、实时通信功能实现、多端兼容优化。
项目 3:企业官网重构(Angular+Webpack + 性能优化)
项目描述:基于 Angular16 重构传统企业官网,替换老旧 jQuery 架构,使用 Webpack 拆分打包 chunk,实现按需加载;优化响应式布局适配多终端,通过图片懒加载、CDN 加速、HTTP 缓存等手段,页面加载耗时从 2.8s 降至 1.2s;接入埋点系统实现用户行为分析,支撑产品迭代决策。
技术栈:HTML/CSS/LESS、TypeScript、Angular、Webpack、yarn、性能优化
职责:页面重构、Webpack 打包优化、响应式开发、埋点功能集成。
| 角色 | 职位 |
| 负责人 | 高级前端开发 |
| 队员 | UI设计师 |
| 队员 | 前端工程师 |
| 队员 | 后端工程师 |
本项目是基于 Vue3+TypeScript+Vite 开发的企业后台管理系统,包含用户登录、权限管理、菜单控制、数据列表、表单编辑、数据可视化图表等常用功能模块。我负责整体页面搭建、组件封装、接口对接、路由配置、状态管理及页面性能优化,使用 Element Plus 组件库提升
该项目为企业品牌展示官网,采用 HTML、CSS、Sass、JavaScript 及现代前端工程化工具开发,实现响应式布局,适配 PC、平板、手机等多端设备。我负责页面结构搭建、样式开发、交互动效实现、图片懒加载、浏览器兼容性处理及网站加载速度优化,保证页面美观、交互友好、加载快