1、 熟练使用HTML5 + CSS3 进行页面的开发及常见的页面布局
2、 熟悉JavaScript,熟练使用ES6语法
3、 熟练项目模块化开发,组件化开发,提高代码可复用性、可维护性
4、 熟练使用Ajax、Axios等技术进行前后端数据交互
5、 熟练使用Vue系列全家桶(包括Vue2和Vue3,以及VueRouter、Vuex、Vue-Cli等)进行项目开发
6、 熟练使用Element、Vant、BootStrap等前端UI组件库,来快速进行PC端和移动端的页面搭建
7、了解Echarts数据可视化开发;熟练使用Git代码版本控制工具进行代码管理
中公竞技场后台管理系统
项目介绍:该项目主要是为提升考公学员的成功率,让学员在闲暇时进行刷题训练,主要功能模块分为权限管理、用户管
理、角色管理、试题管理、学科管理、面试技巧等功能。
技术选型:Element-UI功能组件、ECharts数据可视化、axios、Vue-cli、Vuex全局数据共享、Vue-Router
责任描述:每日一练、历年考题、题组管理、用户管理、角色管理、学科管理、面试技巧
项目职责:
1·利用element-ui搭建页面基本布局,保证布局合理性,美观性;使用Vue配合element-ui,高度还原UI设计图
2·实现页面布局,对页面进行组件化封装。使用Vuex进行不同模块或组件之间的数据共享
3·完成Axios请求拦截器与相应拦截器的配置。封装Axios方法、完成前后端数据交互,并通过Axios发送异步请求,实现数据
交互和页面渲染。
4·使用Vuex进行集中状态的管理,实现在不同组件之间方便的共享状态
5·在题组管理模块中使用el-from组件实现页面中的增删改查功能,在实现下拉框三级联动的时候使用到了change事件获取
当前ID值,使用获取到的ID到接口中获取相应的数据。
6·查询功能,通过点击事件来获取到from边上面的所有值,再通过已渲染的列表接口进行匹配,将匹配项获取到,通过刷新
展现出来。
7·利用Vue-router跳转路由级页面并利用路由进行传参
8·最后,对于弹层关闭作了进一步的优化,主要是通过对付组件中的close-dialog方法做数据清理和校验清理,从而实现弹层关闭的操作。