使用技术：Vue3, TypeScript, Vuex, Vue Router, Element Plus, Axios 等 在该项目中，我负责了“数智营销实践教学平台”的前端开发工作。平台的核心功能是为用户提供一个集成数智营销相关知识和实践操作的在线学习环境。我主要负责以下工作： 前端架构设计：使用 Vue3 和 TypeScript 进行项目开发，搭建了一个模块化、可扩展的前端架构，确保代码的可维护性和高效性。 组件化开发：通过使用 Vue3 的 Composition API 和自定义组件封装，提升了代码复用率，确保了 UI 组件的统一性和可扩展性。 数据交互与状态管理：通过 Vuex 进行全局状态管理，结合 Axios 实现前后端的数据交互，确保了平台的数据一致性和流畅性。 UI 设计与用户体验优化：与 UI 设计团队紧密合作，使用 Element Plus 等 UI 库进行页面布局和样式设计，提升了用户体验。 响应式设计：确保平台在不同设备上的良好展示效果，采用了响应式布局和适配技术。 性能优化：使用懒加载、代码分割、图片压缩等技术，优化平台性能，确保用户体验流畅。 测试与迭代：在开发过程中，进行了单元测试、功能测试和用户测试，持续优化平台功能与性能。 该平台的成功上线，不仅帮助用户掌握了数智营销的相关知识，也为企业提供了一个高效的教学与实践工具。

项目简介： 该项目是公司官方展示网站，基于 Vue.js 和Nuxt.js 开发，目的是展示公司产品、服务和品牌形象。网站支持响应式设计，确保无论在*、平板或桌面端，用户都能获得一致的体验。通过动态加载内容和代码分割，优化了网站的性能。 核心技术： Vue.js：构建动态交互式前端页面。 Vue Router：实现页面路由和导航。 SCSS：样式管理，提升了样式的可维护性。 Lazy Loading：优化页面加载速度，提升用户体验。 Nuxt.js：实现服务端渲染（SSR），优化页面加载速度和SEO表现。 Axios：用于处理 API 请求，确保数据交互的高效性。

在该项目中，我负责公司内部组件后台管理系统的前端开发，旨在提高公司内部组件的管理效率，优化开发流程。我主要承担了以下工作： 系统架构设计：基于 Vue3 + TypeScript 构建前端架构，提升代码的模块化、可维护性和可扩展性。 组件库开发与封装：开发了一套内部 UI 组件库，封装了通用表单、表格、弹窗等组件，提升开发效率并保持 UI 设计的一致性。 权限管理与路由设计：使用 Vue Router 和动态路由，实现基于角色的权限控制（RBAC），确保不同用户访问不同的功能模块。 状态管理优化：使用 Pinia 进行全局状态管理，简化数据流，提高组件间的数据交互效率。 数据交互与 API 设计：封装 Axios 请求模块，优化数据请求流程，支持分页、筛选、导入导出等功能，提高数据管理效率。 用户体验优化：使用 Element Plus 进行 UI 设计，并结合交互动画提升用户体验，使系统更加直观和易用。 性能优化与维护：实现代码分割、懒加载、按需加载等优化策略，提升系统性能，并定期维护和优化已有功能。 该系统的上线显著提高了内部组件的管理效率，为开发团队提供了高效、统一的组件维护与使用平台。