**HTML5/CSS3**：精通语义化HTML5标签，熟练运用CSS3新特性（Flexbox、Grid、动画、过渡效果）。熟悉响应式布局设计，能够适配PC、平板、手机多端设备。掌握Less/Sass/SCSS预处理器，能够编写可维护的样式代码。

**JavaScript/TypeScript**：深入理解ES6+新特性（箭头函数、解构赋值、Promise、async/await、模块化等），熟悉原型链、闭包、事件循环等核心概念。熟练使用TypeScript进行类型约束，提升代码质量和可维护性。熟悉DOM操作、事件处理、异步编程。

### 2. 前端框架与库
**Vue.js**：精通Vue 2/Vue 3，熟练使用Composition API、Options API开发模式。熟悉Vue Router路由管理、Vuex/Pinia状态管理。能够进行组件封装、自定义指令开发、插件开发。有大型Vue项目实战经验，熟悉Vue项目性能优化。

**React**：熟练使用React Hooks、函数式组件开发。熟悉React Router、Redux/Context状态管理。了解Next.js服务端渲染框架，能够进行SEO优化。

**小程序开发**：精通微信小程序、支付宝小程序开发，熟悉uni-app跨平台框架，能够一套代码多端发布。熟练使用Taro框架进行React/Vue风格的小程序开发。

### 3. UI框架与组件库
**Element UI/Element Plus**：熟练使用Element组件库进行后台管理系统开发，能够进行二次封装和主题定制。

**Ant Design/Ant Design Vue**：熟悉Ant Design设计规范，能够快速搭建中后台系统界面。

**Vant/WeUI**：熟悉移动端组件库，能够开发高质量的移动端H5页面和小程序。

**Tailwind CSS**：熟练使用原子化CSS框架，快速构建响应式界面。

### 4. 前端工程化
**构建工具**：熟练使用Vite、Webpack进行项目构建和优化，熟悉Rollup打包库文件。能够配置代码分割、懒加载、Tree Shaking等优化策略。

**包管理工具**：熟练使用npm、yarn、pnpm进行依赖管理，熟悉mon

**项目背景**：
为中小型电商企业开发的管理后台系统，涵盖商品管理、订单管理、库存管理、营销活动、数据分析等模块。系统需要支持多租户、权限管理、数据导出等复杂功能。

**技术栈**：Vue 2 + Element UI + Vuex + Vue Router + Axios + ECharts + xlsx

**工作内容**：
1. **权限管理**：基于RBAC模型实现菜单权限、按钮权限控制。封装权限指令v-permission，实现按钮级权限控制。使用路由守卫实现登录态验证和权限拦截。
2. **复杂表格开发**：基于Element Table二次封装高性能表格组件，支持拖拽排序、列自定义、数据筛选、批量操作。实现虚拟滚动处理万级数据量表格，解决大数据量渲染卡顿问题。
3. **表单引擎**：设计JSON配置化表单引擎，支持20+种表单控件（输入框、下拉框、日期选择、富文本、图片上传等），通过JSON配置自动生成表单，减少重复开发。
4. **数据导出**：使用xlsx库实现大数据量Excel导出（10万+数据），采用分批处理+Web Worker方案，避免页面卡顿。支持自定义导出字段和模板。
5. **图片处理**：封装图片上传组件，集成图片压缩、水印、裁剪功能。使用腾讯云COS进行图片存储，实现图片懒加载优化。
6. **数据可视化**：开发数据大盘页面，使用ECharts实现销售趋势图、品类占比图、地域分布图等多种图表，支持数据下钻和交互。
7. **代码优化**：组件按需加载，路由懒加载，图片懒加载。使用Webpack Bundle Analyzer分析打包体积，优化后首屏资源减少60%。

**项目业绩**：
- 封装通用组件30+，提升团队开发效率40%
- 复杂表格组件在公司3个项目中复用
- 系统响应速度提升50%，用户操作流畅度显著提升
- 获得客户好评，成功交付3个定制版本