扳倒饭盒
前端开发工程师 · 3年经验 · 科大讯飞
0
累计接单
0
用户评价
0
被收藏
技术能力
我拥有超过3年的前端开发经验，致力于构建高性能、高可用且具备卓越用户体验的Web应用。我的技术栈覆盖了从核心框架到工程化体系的方方面面，具体如下：
核心框架与库： 精通 Vue.js (2.x / 3.x) 全家桶，深入理解 Composition API、响应式原理及生命周期，能够独立完成从0到1的项目架构搭建；同时对 React (16.8+ Hooks) 及主流状态管理工具（Redux, Mobx）有丰富的实战经验，能够根据项目需求灵活选型。
跨端与移动开发： 熟悉 Uni-app 及 Taro 多端开发框架，具备一次编写，多端发布（H5、小程序、App）的实践经验；了解 React Native 的基本原理，能够配合原生开发进行混合应用开发。
工程化与构建工具： 熟练掌握 Webpack 的配置与优化，能够通过拆包、缓存、代码分割等手段显著提升应用加载速度；熟悉 Vite 及 Rollup 等新型构建工具，了解 Babel 编译原理，能够定制化开发插件以解决特定业务痛点。
样式与UI库： 精通原生 CSS3、Sass/Less 预处理语言，擅长实现复杂的布局与动画效果；熟练使用 Element UI、Ant Design、Vant 等主流组件库，并具备基于业务场景二次封装通用组件的能力。
性能优化与安全： 深入理解浏览器渲染机制及核心性能指标（FP、FCP、LCP），擅长通过懒加载、虚拟列表、图片压缩及CDN分发等手段进行极致优化；了解常见的前端安全风险（XSS、CSRF）并具备相应的防护方案。
数据可视化： 熟练使用 ECharts 和 AntV 进行数据看板及大屏可视化开发，能够处理复杂数据的动态渲染与交互。
版本控制与协作： 熟练使用 Git 及 Git Flow 工作流，具备良好的代码规范意识，曾主导过团队的代码规范制定及Code Review流程，确保项目代码的可维护性。
核心框架与库： 精通 Vue.js (2.x / 3.x) 全家桶，深入理解 Composition API、响应式原理及生命周期，能够独立完成从0到1的项目架构搭建；同时对 React (16.8+ Hooks) 及主流状态管理工具（Redux, Mobx）有丰富的实战经验，能够根据项目需求灵活选型。
跨端与移动开发： 熟悉 Uni-app 及 Taro 多端开发框架，具备一次编写，多端发布（H5、小程序、App）的实践经验；了解 React Native 的基本原理，能够配合原生开发进行混合应用开发。
工程化与构建工具： 熟练掌握 Webpack 的配置与优化，能够通过拆包、缓存、代码分割等手段显著提升应用加载速度；熟悉 Vite 及 Rollup 等新型构建工具，了解 Babel 编译原理，能够定制化开发插件以解决特定业务痛点。
样式与UI库： 精通原生 CSS3、Sass/Less 预处理语言，擅长实现复杂的布局与动画效果；熟练使用 Element UI、Ant Design、Vant 等主流组件库，并具备基于业务场景二次封装通用组件的能力。
性能优化与安全： 深入理解浏览器渲染机制及核心性能指标（FP、FCP、LCP），擅长通过懒加载、虚拟列表、图片压缩及CDN分发等手段进行极致优化；了解常见的前端安全风险（XSS、CSRF）并具备相应的防护方案。
数据可视化： 熟练使用 ECharts 和 AntV 进行数据看板及大屏可视化开发，能够处理复杂数据的动态渲染与交互。
版本控制与协作： 熟练使用 Git 及 Git Flow 工作流，具备良好的代码规范意识，曾主导过团队的代码规范制定及Code Review流程，确保项目代码的可维护性。
项目经验
项目一：大型企业级后台管理系统重构（前端技术开发）
在该项目中，我主要负责将老旧的后台管理系统从原有技术栈（jQuery/Bootstrap）重构为基于 Vue 3 + TypeScript + Element Plus 的现代化应用。面对原有代码耦合度高、维护困难的问题，我主导设计了以业务模块为维度的分层架构，并抽离出通用的权限控制、动态表单及数据导出等核心组件。通过引入 Vite 进行构建，并实施路由懒加载及组件库按需引入，将首屏加载时间降低了 40% 以上。此次重构不仅大幅提升了开发效率，也为后续新功能的迭代奠定了坚实的基础，确保了系统在高并发场景下的稳定运行。
项目二：全渠道电商小程序矩阵开发（前端开发）
作为核心开发参与了基于 Uni-app 的电商小程序矩阵项目。项目涵盖用户端、商家端及配送端三个独立小程序，逻辑复杂且复用性要求高。我负责设计了通用的请求拦截封装、登录态管理及跨端兼容适配方案。通过封装自定义的Swiper卡片组件和SKU规格选择器，解决了多端（微信小程序、H5）展示不一致的痛点。针对大图商品列表，我利用虚拟长列表优化技术，显著提升了用户在低端机上的滑动流畅度。项目上线后日活峰值突破10万+，并获得了良好的用户反馈。
项目三：智慧城市数据可视化大屏（技术攻坚）
该项目旨在为政府客户提供一个实时监控城市交通、安防等数据的超大屏展示系统。我主要负责前端整体架构与核心图表交互的开发。面对海量实时数据推送和复杂动画效果的需求，我选型 Vue 3 结合 ECharts 与 Canvas 进行绘制，并设计了高效的WebSocket心跳重连机制，保证数据实时性与连接稳定性。针对大屏性能瓶颈，我优化了Canvas的渲染频率，并对定时器进行了精细化管理，确保CPU占用维持在较低水平。项目最终完美适配多种分辨率的大屏设备，其炫酷的视觉效果和流畅的交互体验获得了客户的高度赞誉。
在该项目中，我主要负责将老旧的后台管理系统从原有技术栈（jQuery/Bootstrap）重构为基于 Vue 3 + TypeScript + Element Plus 的现代化应用。面对原有代码耦合度高、维护困难的问题，我主导设计了以业务模块为维度的分层架构，并抽离出通用的权限控制、动态表单及数据导出等核心组件。通过引入 Vite 进行构建，并实施路由懒加载及组件库按需引入，将首屏加载时间降低了 40% 以上。此次重构不仅大幅提升了开发效率，也为后续新功能的迭代奠定了坚实的基础，确保了系统在高并发场景下的稳定运行。
项目二：全渠道电商小程序矩阵开发（前端开发）
作为核心开发参与了基于 Uni-app 的电商小程序矩阵项目。项目涵盖用户端、商家端及配送端三个独立小程序，逻辑复杂且复用性要求高。我负责设计了通用的请求拦截封装、登录态管理及跨端兼容适配方案。通过封装自定义的Swiper卡片组件和SKU规格选择器，解决了多端（微信小程序、H5）展示不一致的痛点。针对大图商品列表，我利用虚拟长列表优化技术，显著提升了用户在低端机上的滑动流畅度。项目上线后日活峰值突破10万+，并获得了良好的用户反馈。
项目三：智慧城市数据可视化大屏（技术攻坚）
该项目旨在为政府客户提供一个实时监控城市交通、安防等数据的超大屏展示系统。我主要负责前端整体架构与核心图表交互的开发。面对海量实时数据推送和复杂动画效果的需求，我选型 Vue 3 结合 ECharts 与 Canvas 进行绘制，并设计了高效的WebSocket心跳重连机制，保证数据实时性与连接稳定性。针对大屏性能瓶颈，我优化了Canvas的渲染频率，并对定时器进行了精细化管理，确保CPU占用维持在较低水平。项目最终完美适配多种分辨率的大屏设备，其炫酷的视觉效果和流畅的交互体验获得了客户的高度赞誉。
立即沟通
