技术能力

我是一名具备六年以上开发经验的前端开发工程师，核心技能集中于 Vue.js / Nuxt.js 技术栈的深度应用。我能够基于 Nuxt3​ 构建高性能的服务端渲染应用，通过精准的 SEO 配置（如 useSeoMeta）有效提升网站自然流量。在工程化方面，我熟练运用 Vite、Webpack​ 等构建工具，并通过实施代码分割、资源压缩、依赖预构建等策略，显著提升应用的构建效率与运行时性能，例如将大型应用的首屏加载时间优化至 1.5 秒以内。
同时，我拥有丰富的多端开发经验。能够运用 UniApp​ 高效开发微信/抖音小程序，并通过分包策略优化启动速度。在状态管理上，我擅长运用 Pinia​ 和 Vue 设计清晰、可维护的数据流方案。
我特别注重用户体验与性能优化，能够通过虚拟滚动、Web Worker、资源预加载等技术手段，解决万级数据列表渲染卡顿等瓶颈问题，保障应用在高并发场景下的流畅与稳定。我还熟悉 TypeScript，通过引入静态类型检查来增强代码的健壮性和团队协作效率
。此外，我对 Node.js​ 以及 PHP + Laravel​ 有一定的了解，这有助于我更好地理解全链路技术逻辑，与后端工程师进行高效协作。

项目经验

AutoY 汽车资讯平台（Nuxt3 全栈重构）
1、项目背景：原汽车资讯平台为传统客户端渲染（CSR）应用，存在首屏加载缓慢（超过3秒）、搜索引擎优化（SEO）效果差导致自然流量低，以及技术栈陈旧维护困难等问题。
2、我的任务：作为前端负责人，主导本次前端代码重构，目标是提升用户体验、搜索引擎友好度以及开发维护效率。
3、架构升级：采用 Nuxt3​ 框架实现服务端渲染（SSR），并全面引入 TypeScript​ 以增强代码的稳定性和可维护性。
4、性能优化：利用 Nuxt3 的自动代码分割和静态资源优化能力，对首屏关键资源进行精简化；封装智能的 useFetch钩子函数统一数据请求流程，并集成错误重试机制。
5、开发提效：基于 Pinia​ 设计了统一、类型安全的状态管理架构；引入 Element Plus​ 并进行了深度业务定制，形成了高复用性的组件库。
6、项目成果：项目上线后，首屏加载时间（LCP）从3.2秒优化至1.5秒以内；通过精准的 useSeoMeta配置，核心页面的搜索引擎收录量增加，自然流量提升了约30%；基于 TypeScript 的静态类型检查，使代码在联调阶段的错误率降低了约40%。

好萝卜多端电商平台
1、项目背景：公司需快速切入线上市场，要求同时开发面向消费者的PC网站、微信小程序及抖音小程序，并保证三端用户体验一致且开发周期紧。
2、我的任务：作为核心开发，负责PC管理后台的架构搭建和跨端小程序的核心业务逻辑实现。
3、技术选型：PC端采用 Vue3 + Vite​ 技术栈以获得极致的开发体验和构建速度；小程序端选用 Uniapp​ 框架，实现“一套代码，多端发行”。
4、状态与数据流：使用 Pinia​ 管理复杂的全局状态（如用户信息、购物车）；为解决订单状态实时性要求，采用 WebSocket​ 建立长连接。
5、体验优化：针对图片资源，引入工具进行深度压缩，并实现懒加载，图片加载速度提升40%。
6、项目成果：成功实现PC端与双端小程序在预定时间内同步上线，开发效率较预期提升约25%；通过WebSocket实现的订单实时通知功能，有效提升了用户满意度和留存率。

团队情况