ID:399089

༒࿈༙྇࿈༒

前端工程师

  • 公司信息:
  • 科锐尔人力资源服务
  • 工作经验:
  • 2年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 可工作日驻场(自由职业原因)
  • 所在区域:
  • 成都
  • 温江

技术能力

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,等技术来实现前端的各种业务逻辑编写。

  • 陪诊项目

    陪诊项目

    ༒࿈爱心༙྇࿈༒: [图片] ༒࿈爱心༙྇࿈༒: 陪诊服务是根据患者需求陪同患者院内排队取号,门诊就医、预约检查、送检化验、排队取药、办理住院手续等,陪伴患者就诊;助诊服务是根据患者挂号预约的时间在本院助诊。

查看案例列表(含更多 0 个案例)

信用行为

  • 接单
    0
  • 评价
    0
  • 收藏
    0
微信扫码,建群沟通

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服