1. 前端开发:熟悉Vue3包括pinia,Vue-Router的使用,熟练对组件或者方法进行封装,熟悉HTML,CSS,熟悉弹性布局和Javascript等基础知识,熟悉ES6等语法,能应用箭头函数,promise,async,await
2. 数据交互:熟悉axios进行后端数据请求,具备axios二次封装经验
3. 版本控制:了解Git基本操作,如代码版本管理,分支操作,代码合并及远程仓库管理
4. 用户页面:熟悉element-plus 等UI组件库,能够快速搭建页面
陪诊项目
· 主要技术栈:Vue3,vite,pinia,axios,element-plus,router
· 实现功能:用户必须要先注册才能登录,注册的时候,将密码和用户的值提交到后端接口,后端确认无误后返回一个token,登录后如果能在本地找到后端返回的token值便可以登录成功,并且做了路由守卫,如果本地没有token值并且to.path !== '/login'那么不允许跳转,陪诊内部首先有一个用elemnet-plus定义的一个结构(分为导航,菜单,内容),然后在main.vue中定义
· 将内容部分用路由出口,另外两部分通过组件进行导入,在菜单中也是通过element-plus快速生成较好的菜单,并且用pinia仓库写了让菜单栏与导航栏共享的数据,这样就可以实现单击对应菜单,导航栏也动态响应,并且跳转对应的path,使得内容部分也跟着变化,内容部分用的router,分为一级路由(登录页,二级路由架子),二级路由(控制台,权限管理,DIDI陪诊)三级路由(权限管理:账号管理,菜单管理 ;DIDI陪诊:陪护管理,订单管理)
· 1.使用Vue3框架+element组件库开发,保证页面美观整洁
· 2.Vue3+router+vite+pinia构建项目,使用组件懒加载技术,减少初始渲染时的负载,优化性能
· 3.对axios进行了二次封装,添加请求拦截器和响应拦截器,优化前后端数据交互
· 4.对组件进行封装,实现功能复用性,支持后续快速迭代开发
· 5.使用pinia持续化存储将用户成功登录获取的token存储在本地,避免反复登录
项目名称:Vue3电商平台前端架构(小兔鲜)
技术栈:Vue3 + Pinia + Vite + Vue Router + Element Plus + Axios
开发周期:2025.4-2025.6
项目角色:前端负责人(独立开发)
________________________________________
项目描述:
开发B2C电商平台前端系统,包含商品展示、购物车、订单管理、用户中心、实现支付等核心模块,实现SPA应用开发及性能优化
技术实现亮点:
1. 工程架构设计
o 采用Vite构建工具,实现开发环境秒级热更新,生产构建时间缩短40%
o 使用Vue3 <script setup>语法 + Composition API 实现组件逻辑复用,代码体积减少30%
o 基于Pinia设计全局状态管理方案,实现跨组件购物车数据同步(支持离线持久化)
2. 核心功能实现
动态路由系统:
1. 购物车模块:
实现商品多选/反选、批量删除、库存校验功能
使用Pinia管理购物车状态,结合localStorage实现数据持久化
性能优化:防抖处理价格计算(减少30%计算量)
2. 性能优化方案
图片懒加载:首屏加载时间从4.2s降至1.8s
路由懒加载:使用import()动态加载组件,JS包体积减少65%
接口缓存:高频请求数据缓存至Pinia,API调用量减少40%
3. 关键技术实践
使用Axios拦截器统一处理401权限验证,结合路由守卫实现登录状态检测
使用vue-router对项目进行分类(一二级路由划分),更利于管理,也节约资源
在商品选好后进入购入车页面所进行的一系列逻辑
我在项目里担当前端开发,主要做登录验证注册,然后用vue框架写页面,使用vue-router,pinia,等技术来实现前端的各种业务逻辑编写。
༒࿈爱心༙྇࿈༒: [图片] ༒࿈爱心༙྇࿈༒: 陪诊服务是根据患者需求陪同患者院内排队取号,门诊就医、预约检查、送检化验、排队取药、办理住院手续等,陪伴患者就诊;助诊服务是根据患者挂号预约的时间在本院助诊。