技术能力

HTML5、CSS3 等前端开发技术和页面布局
JavaScript 、TypeScript、 ES6的使用
Vue2、Vue3、Vue-cil、 Vue-Router、Vuex、pinia组件化开发和数据驱动,实现单页面开发
Element-ui、Vant、Bootstrap插件库使用
路由守卫、路由懒加载、图片懒加载、等技术对项目进行优化
axios、Ajax 进行数据交互与后台沟通处理跨域问题
Echarts、Canvas 、Swiper实现数据可视化,根据数据进行图表渲染
Mock.js 模拟后台接口、 Postman 接口测试
Less、Sass 预编译语言熟练应用
Git 版本管理工具,进行代码共享与维护,完成协作开发

项目经验

校园设备管理系统(PC 端)
项目介绍： 校园设备信息后台管理系统,可以对设备进行管理 涉及技术： Vue3、TypeScript、Element-Plus、Axios、Git、MockJs、Less、echarts 项目职责： 添加设备、设备状态设置、实现增删改查功能 1. 使用 vue-cli 进行项目初始化及打包构建 2. 使用 es6 前台模块化标准进行项目整体开发 3. 使用 element-plus 进行前台视图层的渲染 4. 使用 echarts 进行项目图表的渲染 5. 使用 vue-router 进行路由配置、渲染 6. 组件化开发、提升代码灵活性与开发效率 7. 使用 Git 版本管理工具进行项目管理

优必思后台管理系统(PC 端)
项目介绍： 优必思电商小程序后台管理系统， 商家可以对商品信息进行管理 涉及技术： Vue 全家桶、 ElementUI、Axios、es6、Git、 MockJs、Less 项目职责： 1. 使用 Element UI 搭建页面，高度还原设计稿使用 es6 前台模块化标准进行项目整体开发 2. 登录模块利用 Vuex 和 WebStorage 实现用户信息存储 3. Element-UI upload 实现上传商品图片功能 4. 采用 beforeEach 路由判断用户是否可以登录进入到后台管理系统 5. Axios 请求数据接口联调，实现商品信息的增删改查 6. 数据请求时使用 Axios 响应拦截器， 添加 Loading 效果， 增加用户体验 7. 封装 Element-UI 中的 Pagination 组件，在用户信息和商品信息页使用 8. 利用 MockJS 模拟接口， 跟后台人员进行接口联调将项目提 Github 进行分支合并

团队情况