熟练掌握 HTML、CSS,熟悉常用的页面布局,了解 h5、css3 新特性,熟练使用 less、sass,能根据
交互原型和 UI 设计图进行还原。
熟练掌握 JavaScript 方法和特性,ES6 新特性如箭头函数、解构赋值等,熟悉 TypeScript。
熟练掌握 Jquery 其 DOM 操作及事件处理,ajax 异步请求的封装与使用。
熟练使用 Vue 全家桶(vue、vuex、vue-router),axios 异步请求的封装与使用,了解 Vue3 和 vite 包
管理工具。
熟练使用 React 全家桶(react、react-redux、saga)等。
熟练使用 Element-ui,Ant design 等 UI 框架和 Echarts 可视化工具。
熟练使用 uni-app 混合开发,熟悉原生微信小程序。
掌握 Node.js,使用 Node 进行环境搭建及连接数据库,熟悉 MongoDB、MySQL 的操作。
熟悉 webpack 等前端资源模块化管理工具。
熟练使用 npm、yarn 等包管理工具管理项目依赖包。
熟练使用 git 版本控制工具进行代码管理。
熟练使用 tailwindcss 类库进行响应式布局及适配。
熟悉 jest 单元测试
2022.2-2022.9 皇家宠粮平台端、商家端、客户端
技术栈:React 全家桶、Ant designUI 框架、Echarts、TS、tailwind 类库、jest、phrase
项目描述:这些项目是为了出售和管理皇家宠粮的平台,主要分为了平台端、商家端、客户端。平台端主要
是为了管理各个国家的店铺,商家端主要是管理自己店铺出售的商品,客户端主要是客户下订单的地方。
项目职责:
● 使用 react 技术栈进行项目的迭代开发与维护。
● 使用 window api 完成盲人代客下单的功能。
● 跟后端对接支付,调用 adyen 支付平台进行支付。
● 负责商家端 promotion 模块的开发与维护。
● 使用 tailwind 类库对客户端页面进行响应式布局编写与修改。
● 参与商品 seo 优化,对用户行为进行数据埋点。
● 负责商品路由重定向和商品重定向数据导出模块。
● 负责单元测试代码编写。
● 负责维护客户端宠物模块。
● 使用 phrase 管理项目语言国际化。
2021.9-2021.12 畅玩游租
技术栈:React 全家桶+Ant design 框架+Echarts+umi ,TypeScript
项目描述:畅玩游租是一款自主打造的游戏租号服务平台,为游戏爱好者提供一条龙服务,平台主要提供账
号租赁、免费游戏、游戏资源下载、游戏代练等服务;主要功能分为游戏筛选、游戏搜索、vip 管理、评价
管理、订单管理、优惠券管理、消息管理等。
项目职责:
● 使用了 Ant designUI 框架来编写后台页面及使用 antd-charts 渲染各类信息数据可视化图表。
● 完成评价管理、订单管理、商品管理功能以及使用插件实现 excel 信息表导出等功能。
● 使用 redux 存储用户信息,根据用户信息动态渲染左侧导航栏,同时进入每个页面前需要根据用户信息
判断权限。
● 二次封装 umi-request,对接口进行二次封装,挂载到全局,方便使用。
● 公共数据使用 redux 来进行管理。
● 首页导航栏和面包屑导航根据路由来动态定位和渲染。
2021.5-2021.8 车和家(移动端)
技术栈:Vue 全家桶+Echart
项目描述:车和家是一家主做“小而美的智能电动车”的智能交通,致力于打造全新智能电动交通工
具,改变用户传统的出行体验,包含购车咨询、定购、预约试驾、售后服务保障等功能模块。
项目职责:
● 完成返回顶部、搜索、筛选等功能。
● 使用 echarts、axios 完成图表和获取数据。
● 利用 lib-flexble rem 对不同的手机屏幕进行适配。
● 使用 vuex-persistedstate 完成数据持久化。
● 使用 vuex 管理用户信息,加上全局路由守卫控制用户页面权限。
● 封装 axios,对请求路径进行统一的管理,添加拦截器处理 http 状态码以及数据过滤。
● 完成路由懒加载,图片懒加载效果
2021.2-2021.4 智能宿舍
技术栈:后台管理:vue 全家桶、ElementUI、Echarts,客户端:uni-app
项目描述:项目包含宿舍管理、住宿管理、人员管理、水电费控、卫生管理、违纪管理、维修管理、
报表管理等模块。智能宿舍通过信息化智能化方式管理宿舍和入住人员的信息,这样方便了宿舍管理
部门的工作人员全面地掌握人员住宿情况。
项目职责:
● 使用 Vue 自定义指令完成用户的权限控制,二次封装 Upload 组件实现图片或文件上传功能。
● 完成宿舍人员管理、维修管理、卫生管理等功能。
● 统计当日宿舍人员进出情况,使用 echarts、axios 将进出情况可视化。
● 参与后端接口设计,使用 git 进行项目代码管理。
● 根据需求引入 element.js 的组件进行快速开发。
● 利用 vuex 进行数据状态管理。
● 请求数据使用防抖节流,减少数据请求。