个人介绍
2年前端工作经验,前端基本是一个人在做,在校专业软件设计。
熟悉javaScropt,html,css,,less,JQ,websoket,websoket,vue,uni-app,webpack,Echarts,高德地图
elementUi,vant,bootStrapt,npm,yarn
了解react
AI,AE,PS有使用基础
性格沉稳,责任心强,为人诚信,耐心且细心,求知欲强,对代码很执着。
工作经历
2022-08-01 -2022-12-31成都恒游悦欣高级前端工程师
川融金融公司管理系统 项目描述:川融管理系统主要作用为对使用系统的用户、客户、计划的增删改查;对签单的创建,修改,审批流程状态管理。通过对第三方电话呼入的监听自动创建或手动创建新客户,并对客户信息进行管理。在客户的基础上为客户创建计划、签单,监听电话对计划进行更改或手动更改。根据不同客户创建不同签单,对签单流程更新展示。系统用户拥有不同的权限,管理员赋予不同角色不同的页面及功能权限 技术栈: Vue、JavaScript、Axios,webSoket、element-ui、html、less 主要职责: 1、用 element-ui 框架完成模块静态部分搭建。 2、使用 axios,promise,async,await 实现 ajax 的三层封装,并发送 ajax 与后台联动获取数据,完成前端业务逻辑,并统一维护和管理接口 api 文件。 3、实现动态路由,将每个角色拥有的权限存储,登陆时获取,将权限组合成需要的格式,结合 element-ui 的组件渲染出来。 4、实现标签导航,并实现缓存与清除缓存的效果,在 router 文件中的路由在 meta 中加上"k
2022-04-01 -2022-07-30成都恒游悦欣高级前端工程师
CRM考勤管理系统 项目描述:该项目为嵌套进纷享销客的一个内部模块,主要功能为搜索查看员工的考勤信息。 技术栈:vue,element-ui.,js,css,less 主要职责: 1、搭建基础框架 2、使用表格搜索展示员工、部门的考勤信息 3、由于移动端与 PC 端页面不一致,只用一个入口进入,在 App.vue 文件中使用 navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)判断是那种设备,再在 mounted 中使用 this.$router.replace()将需要的首页入口替换。实现在不同设备上展示不同页面。
2022-01-01 -2022-03-31成都恒游悦欣高级前端工程师
纷享销客四川官网 项目描述:该网站为纷享销客在四川的一个品轩网站。主要目的为展示纷享销客在四川的业务内容,提供多种服务以供选择。分为移动端与 PC端,模仿纷享销客沈阳服务中心搭建。 技术栈: JavaScriot、jQuery、html、css 主要职责: 1、根据设计图,使用 HTML、CSS 还原页面。 2、负责使用 jQuery 技术实现交互和页面效果。 3、使用 javaScript 相关插件制作动画,轮播等。 4、配合后台完成测试。 5、后期对页面的维护和修改。
2021-10-01 -2021-12-31成都恒游悦欣高级前端工程师
新家优***) 项目描述:项目中主要是用于管理新家优品购物网的相关业务,开发该购物***版本,让用***来进行购物***具有会员注册、会员管理、商品管理、购物管理和订单管理等这些模块。 技术栈: Uni-app、JavaScript 主要职责: 1、按照需求来对管理界面进行设计。 2、运用 axios 技术来获取后台的数据,完成前端业务逻辑,并统一维护和管理接口 api 文件 3、利用 Vue 框架来进行 PC 端管理系统模块的开发。 4、利用 onReachBottom()生命周期事件完成下拉获取新数据功能,判断当数据长度不够时即为最后一页。 5、购物车功能模块的开发。 6、支付模块的开发。发送请求将商品 ID 、数量、价格等参数传给后台,后台生成订单 ID ,将其与用户身份识别 ID 作为参数再次发送请求,后台返回时间戳、随机串等参数,利用这些参数调取 uni.requestPayment 第三方支付 API 完成支付功能。
2021-04-01 -2021-09-30成都恒游悦欣高级前端工程师
古拓App 项目描述: 本项目是一款手机端 APP ,针对男士高端消费设计,采用 vue 框架构建,其中涉及 swiper 触控滑动模块,slide 子页之间采用了懒加载技术保证用户体验,iscroll 上拉加载下拉刷新模块,购物车模块与登录注册模块均采用了本地存储技术。 技术栈: vue、vant、html、less、better -scroll 主要职责: 1采用 vue 开发,完成模块静态部分搭建 2利用 vuex 完成商品购物车功能。在 state 中定义一个新数组,在获取到商品数据后,通过 this.$store.commit()将商品数据传给定义的数组,点击添加或减去商品时将商品 id 传给定义在 mutations 中的函数,通过 id 遍历 state 中的数据,更改商品数量。在 getters 中过滤出商品数量>0的商品,push 进新的数组,将这个数组返回,在购物车页面计算属性(computed )中定义函数,在函数内通过 return this.$store.getters .函数名 接收,并在页面中渲染。完成商品数据与购物车数
教育经历
2018-09-01 - 2021-03-06四川工商职业技术学院软件技术专科
软件技术专业,无挂科经历,学过PS,AI,AE,Mysql,c,php
技能
项目描述:项目中主要是用于管理新家优品购物网的相关业务,开发该购物***版本,让用***来进行购物***具有会员注册、会员管理、商品管理、购物管理和订单管理等这些模块。 技术栈: Uni-app、JavaScript 主要职责: 1、按照需求来对管理界面进行设计。 2、运用 axios 技术来获取后台的数据,完成前端业务逻辑,并统一维护和管理接口 api 文件 3、利用 Vue 框架来进行 PC 端管理系统模块的开发。 4、利用 onReachBottom()生命周期事件完成下拉获取新数据功能,判断当数据长度不够时即为最后一页。 5、购物车功能模块的开发。 6、支付模块的开发。发送请求将商品 ID 、数量、价格等参数传给后台,后台生成订单 ID ,将其与用户身份识别 ID 作为参数再次发送请求,后台返回时间戳、随机串等参数,利用这些参数调取 uni.requestPayment 第三方支付 API 完成支付功能。
项目描述:该项目为嵌套进纷享销客的一个内部模块,主要功能为搜索查看员工的考勤信息。 技术栈:vue,element-ui.,js,css,less 主要职责: 1、搭建基础框架 2、使用表格搜索展示员工、部门的考勤信息 3、由于移动端与 PC 端页面不一致,只用一个入口进入,在 App.vue 文件中使用 navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|M*Browser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)判断是那种设备,再在 mounted 中使用 this.$router.replace()将需要的首页入口替换。实现在不同设备上展示不同页面。
项目描述:川融管理系统主要作用为对使用系统的用户、客户、计划的增删改查;对签单的创建,修改,审批流程状态管理。通过对第三方*呼入的监听自动创建或手动创建新客户,并对客户信息进行管理。在客户的基础上为客户创建计划、签单,监听*对计划进行更改或手动更改。根据不同客户创建不同签单,对签单流程更新展示。系统用户拥有不同的权限,管理员赋予不同角色不同的页面及功能权限 技术栈: Vue、JavaScript、Axios,webSoket、element-ui、html、less 主要职责: 1、用 element-ui 框架完成模块静态部分搭建。 2、使用 axios,promise,async,await 实现 ajax 的三层封装,并发送 ajax 与后台联动获取数据,完成前端业务逻辑,并统一维护和管理接口 api 文件。 3、实现动态路由,将每个角色拥有的权限存储,登陆时获取,将权限组合成需要的格式,结合 element-ui 的组件渲染出来。 4、实现标签导航,并实现缓存与清除缓存的效果,在 router 文件中的路由在 meta 中加上"keepAlive: true",将每个用户视作一个 vm 实例,拟定 arr 为已缓存页面,存入 vuex 中用于显示每个加载过的页面;拿最后一个加载出的页面的 fullPath ,对 arr.$vnode.data.key ,此条代表最完整的一个 keepAlive 加载过的页面,必定会有 arr.$vnode.parent.componentInstance.cache (是一个对象),拿 fullPath 对比键名,删除对应的一个。由于需求需要,关闭当前页面时需返回上个页面,所以关闭每个页面时需记录下标“ i ”,arr>0则跳转到 arr[i-1],否则返回 arr[0]即该用户的首页。 5、使用 router.beforeEach((to,from,next)=>{})实现路由守卫,判断后台返回的 token 是否存在,登录页 next()放行,其他页面 token 存在即可访问,不存在使用 router.push 跳回登录页。 6、对接第三方 API 实现*呼入呼出功能,基于第三方接口,在用户电脑上安装相应软件,在最外层监听*状态,*呼入新*弹框填入信息创建客户,老客户更新每个用户与客户的联系信息。呼出更改计划信息、用户与客户的联系信息。 7、 对后续需求更改,bug 维护问题。 8、 固定的页面模板组件封装,ECharts 组件封装。