个人介绍
我是一名前端开发人员;
毕业于武汉科技大学城市学院,担任过上海斯歌信息技术有限公司前端开发人员;
负责过公司门户网站的重构以及移动端的搭建,药明PMS系统的三期开发,百顺系统的三期开发等项目;
技术栈:
1.熟悉W3C规范,熟练掌握HTML5、CSS3、JavaScript 和ES5/ES6、Nuxt.js等前端开发技术,有良好的JS功底,能进行原生JS开发
2.孰练掌握盒子模式、Flex布局,能处理浏览器和移动设备兼容性
3.熟练掌握Vue全家桶(Vue2+VueRouter+Vuex+Axios, Vue3+Pinia+VueRouter+Typescript)
及Element-UI、Ant-Design-Vue、Lay-UI、Vant-UI和View-UI组件库组件化开发项目
4.熟练使用uni-app框架应用,并能运用uni-app框架完成移动端及小程序开发
5.熟悉Node.js技术及生态,熟练使用npm/webpack/gulp等工具链;熟练使用git管理代码仓库;了解C语言;了解Vue源码
6.熟悉前端组件化、工程化思想
7.熟练掌握Ajax、JSON等网络通信技术和数据交互格式, 了解浏览器底层原理
8.具备和后端等其他部门共同开发项目的沟通能力,具备分析问题和解决问题的能力,具备一定的英语听说读写能力
工作经历
2020-05-29 -2023-03-17上海斯歌信息技术有限公司前端开发
1.根据产品需求和UI设计完成前端业务交互以及页面快速布局 2.完成项目的更新以及迭代 3.参与产品需求讨论、能够根据产品需求独立完成业务功能 4. 与后端开发人员协作,完成逻辑规则定义、数据交互、接口联调等工作
教育经历
2017-09-01 - 2021-06-30武汉科技大学城市学院电气自动化本科
技能
1.印商城是一个大型购物网站,用户可以在商城选购喜好的商品,印商城提供了登录模块、首页模块、分类商品、商品详情、购物车、订单模块、结算支付模块 2.Vue全家桶(Vue3+pinia+VueRouter+TypeScript), Element-UI等 3.负责模块:首页模块、商品详情页、头/底部封装、分类商品 4.技术点:1.为了在加载的过程中等待效果更好,封装一个骨架屏组件并使用vue.use()方法为全局公共组件进行批量注册 2.为了能让用户在滚动浏览内容的过程中都能够快速的切换到其它分类,使用vueuse/core插件完成吸顶导航栏功能 3.封装ImageView组件拉完成商品详情页图片预览功能 4.使用watch监听数据变化-发送请求获取数据来修复切换分类时商品数据不变化的bug 5.通过vueuse封装的useIntersectionObserve函数配合自定义指令v-lazy来实现图片懒加载
1.公司门户网站基于nuxt.js框架的重构及新页面的创建,并且为pc端网站写一套移动端的公司网站 2.负责模块有首页模块的重新布局及样式修改(包括添加轮播图等功能组件),新页面(超自动化、趋势洞察)的创建 3.基于已有代码的为pc端做一套移动端适配
1.以“智慧养车App”为基底帮助传统汽车美容市场门店转型,为汽车美容管理者提供智慧养车服务,该项目分为注册模块、登陆模块、首页模块、个人中心模块、同城配件库模块、门店管理模块、员工管理模块、权限管理模块搭建的一套汽车养护门店后台管理系统。 2. Vue全家桶(Vue2+VueRouter+Vuex+Axios), Element-UI, ECharts等 3.首页, 员工管理模块, 门店管理模块, 同城配件库模块, 个人中心模块 4.技术点:1.使用第三方插件库vue-i18n、screenFull封装多语言切换功能和全屏显示功能组件,完善了公司在商业多元化、公司发展国际化趋势下的管理系统 功能 2.封装递归函数, 解决门店管理模块中的后台返回的平级数据转换成树形数据,实现了部门管理人员到旗下各门店员工的多级结构展示功能 3.使用canvas特性生成base64格式的图片文件, 自定义v-watermark指令来实现员工管理模块中表单局部水印效果 4.使用第三方插件库spark-md5加密处理切片hash值并封装大文件切片上传组件, 实现 同城配件库模块中品牌车型配件信息文件和个人中心头像的断传、续传、秒传 5.同城配件库模块中基于Element对search查询组件和Table组件的分离封装, 并封装多值模糊查询函数于search查询组件,实现对同城配件库中厂 商、出厂日期、车型等多方位条件信息查询功能合一的search查询组件,实现快速匹配查找车辆配件信息 6.实现员工管理模块的增删改查, 结合第三方xlxs包来实现员工批量导入导出 7.使用ECharts第三方插件库对首页配件库数据看板进行可视化渲染展示, 对ECharts图表的业务数据和样式配置进行数据分离处理 8.使用intersectionObserve实现对员工管理模块的数据懒加载,图片懒加载,以此对项目性能进行一定优化