技术能力

熟练掌握HTML5+CSS3布局，有良好的的代码编写规范；
熟练使用rem、flex布局，常用动画效果等以及浮动、定位等技术还原UI设计图；
熟练使用Element、vant等第三方UI库（Echarts等）；
熟练掌握浏览器渲染原理（回流、重绘等）；
熟练使用Sass、Less预处理器；
熟练掌握JavaScript进行DOM、BOM操作，并能熟练使用ES6+新语法，例如：箭头函数、展开运算符、解构、Promise等；
熟练使用Vue全家桶（vue-cli，vuex，vue-router，axios）开发web端和H5页面，了解Vue响应式原理，Vue相关的生命周期，双向数据绑定原理，以及组件传参方式，具有组件化、模块化的开发思想，并搭配ElementUI以及vant组件库进行页面开发；
熟练使用Ajax向后台请求数据；
熟练使用Git版本管理工具；
熟悉webpack打包工具、熟练使用npm、yarn等包管理工具；
了解webworker解决前端超大计算导致页面卡顿；
了解websoket的常规使用；
了解Nodejs相关基本知识，以及jQuery库；
了解微信小程序的开发流程，能够基本使用uni-app进行小程序项目的开发；

项目经验

仓储后台管理系统 2022-04~2022-10 Web前端开发
项目描述：
该项目是一个仓储后台管理系统，方便筛选和储备商品，对于不同职责的人员分配不同的角色，给角色设置权限，设置左侧导航和按钮级别的权限，首页使用Echarts 图表给不同的角色使用柱状图展示信息，项目主要有登录页面、首页、公司人员架构、权限管理、员工申请等模块

项目所用技术：
使用 Element UI 搭建页面布局，针对高频使用的页面模块采用封装组件的方式提升开发效率，优化代码结构
对接口进行统一封装和集中管理，使用响应拦截器对后台返回数据进行加工处理
使用 Vuex 对常用数据进行管理并采用 mapGetters 辅助函数建立快捷访问
使用 Axios 获取组织架构数据将其转化为树形数据，利用 Element UI 中的 el-tree 组件搭建公司组织架构
使用 vue-router 完成组件的路由导航
使用 vuex 配合 localStorage 存储 token 实现页面持久化
使用 Echarts 实现页面的数据可视化
使用 Day.js 处理后台返回入职时间显示有误的问题
使用 Vue 自定义指令处理员工头像显示错误的问题
下载 XLSX 包，实现 excel 导入导出
下载 vue-print-nb 打印仓库存储信息

个人工作职责：
负责首页，入库信息，权限管理
负责信息模块的增删改查功能
封装请求模块、接口集中管理、常用数据的存储模块
进行产品的日常维护，新需求开发，bug 修改等工作
配合测试人员进行测试与效果调试


优云通（移动端） 2021-09~2022-03 Web前端开发
项目描述：
优云通是一款社区服务类 App，为用户提供最新最热的资讯，提供全方位社区资讯，能够让用户足不出户也可以知晓社区消息，该项目包 含注册页面、首页、文章列表、登录功能、搜索、评论、编辑资料、收藏、历史记录等模块

项目所用技术：
使用 vue-cli 脚手架搭建项目
根据设计稿，结合 vant 框架搭建静态页面
铺设登录页面，使用 vue-router 配置路由规则，使用 vuex 处理 token
使用 Lodash 的 debounce 方法进行搜索框进行防抖处理优化性能
利用正则匹配完成搜索结果的关键词高亮显示
搭配 vant 组件实现列表的显示切换
搜索模块实现搜索记录、搜索结果、搜索联想建议

个人工作职责：
负责收藏、历史记录、评论三个模块的开发
使用 Axios 配合后台开发人员实现数据交互，渲染页面
使用 vue-router 实现页面的跳转

智云家电管理平台 2021-02~2021-08 Web前端开发
项目描述：
智云家电平台致力于为消费者提供一站式智能家电方案的一个家电平台
项目主要有登录，身份认证，家电相关信息，进出货订单管理，家电流动量查询等模块

项目所用技术：
使用 vue-cli 脚手架搭建项目
封装请求模块、接口集中管理、常用数据的存储模块
根据设计稿，使用 vue 框架及 ElementUi 组件搭建静态页面
使用 vue-router 完成组件的路由导航
利用Echarts图表在首页直观展示商品分类、月销量等信息
在家电信息模块，封装方法，绑定事件引入XLSX包，对家电信息实现批量导入，导出，以及增删改查
利用节流阀对项目进行优化，处理图片懒加载以及加载效果

个人工作职责：
负责登录，家电相关信息，家电流动量查询模块
使用 git 与团队进行协作开发
负责对功能、界面、用户体验、交互等进行持续优化


恒贵公司官网（移动端） 2020-07~2021-01 Web前端开发
项目描述：
该项目为恒贵公司官网，项目包含首页，公司简介，公司案例，服务中心，新闻中心，社区，联系我们

项目所用技术：
使用 vue 脚手架搭建项目
使用 Vant 铺设页面
使用 Swiper 进行页面轮播图的展示
使用 Echarts 实现该公司业务涉及的区域展示
使用 Axios 获取后台数据，并完成页面渲染

个人工作职责：
完成公司简介，公司案例，新闻中心，联系我们模块的开发
根据设计图进行静态页面的铺设
与后端人员实现接口联调
根据客户需求，不断对产品进行优化


逐趣校园（小程序） 20

团队情况