HTML5、CSS3、JavaScript、TypeScript、ES6+、React、Vue3、Redux、Pinia、React Router、Vue Router、Ant Design、Element Plus、Webpack、Vite、Git、npm/yarn、响应式布局、Flex/Grid、浏览器渲染原理、HTTP协议、前端性能优化、跨域处理、小程序开发。
电商平台前端重构项目
技术栈:React 18 + TypeScript + Redux Toolkit + Vite + Ant Design
- 独立负责商品详情页与购物车模块开发,使用React Hooks封装15个通用组件,通过TypeScript类型定义减少40%运行时错误。
- 主导性能优化:采用路由懒加载、WebP图片转换及虚拟滚动处理2000+SKU列表,首屏加载时间从2.8s降至1.2s,Lighthouse性能分提升至91分。
- 解决跨域问题:配置Vite代理服务器实现接口转发,兼容IE11浏览器通过core-js polyfill处理ES6+语法。
企业后台管理系统
技术栈:Vue 3 + Pinia + Vue Router + Element Plus + Webpack
- 负责数据可视化模块开发,使用ECharts实现折线图、柱状图等6种图表组件,支持动态数据更新与筛选。
- 优化权限管理逻辑:基于Vue Router导航守卫实现细粒度路由控制,结合Pinia状态管理存储用户权限信息,减少重复接口请求。
- 参与工程化配置:通过Webpack SplitChunks拆分公共代码,配合npm script实现自动化构建与部署,构建时间缩短35%。