技术栈： Vue3、Ts、Vue-Router、Axios、Es6、Less、Element Plus、Pinia、dayjs 项目介绍： 该平台是一款对于企业内部人员进行考试的平台，包括前台和后台两个模块，我只负责利用公司现有的 Vue 框架对前端部分进行开发，开发内容包括答题室（考试考场、学习考场、练习考场、自主学习、临时考试、成绩管理等）、成绩查询、我的空间等模块. 个人职责: 1.根据旧系统利用 Vue 技术和公司现有框架进行系统搭建，并预留对接接口时的逻辑，以保证可以高效率完成项目; 2.获取后端接口数据渲染页面,并根据后端给出的字典值进行转换; 3.使用 dayjs 插件进行时间处理和实现考试时间倒计时; 4.为系统中所有需要跳转的页面进行路由配置，并对未登录的页面进行不可显示拦截; 5.使用 Pinia 状态管理模式和 SessionStorage 存储管理数据,完成页面中数据传递; 6.对 Axios 进行二次封装,实现对接口的统一管理; 7.对页面中的需要重复利用的位置进行组件封装，比如每种试题的显示,通过父子组件传值的方式,达到组件重复利用; 8.后期根据 UI 设计的原型图修改系统样式和排版； 9.对页面进行性能优化,对需要获取大量数据时进行懒加载.

技术栈: Vue3、Ts、Vue-Router、Axios、Es6、Less、Element Plus、Pinia、Echarts、Tinymce 项目介绍: 该平台是一款对于企业内部培训、会议以及学习的平台,包括前台和后台两个模块,我只负责利用公司现有的Vue框架对前端部分进行开发,开发内容包括首页、专题、知识、问答、专家、荣誉、小组和我的空间等模块 个人职责: 1.根据旧系统利用Vue技术进行系统搭建,并预留对接接口时的逻辑,以保证可以高效率完成项目 2.获取后端接口数据渲染页面,并根据后端给出的字典值进行转换 3.使用Tinymce富文本编辑器进行创建附件知识,包括Word、Pdf、PPT等文件的上传,并利用公司的组件在知识详情页进行回显 4.荣誉页面获取后端接口数据后使用Echarts柱状图做可视化操作,并保证可以实时更新 5.为系统中所有需要跳转的页面进行路由配置,并对未登录的页面进行不可显示拦截 6.使用Pinia状态管理模式和SessionStorage存储管理数据,完成页面中数据传递, 7.对Axios进行二次封装,实现对接口的统一管理 8.对页面中的需要重复利用的位置进行组件封装,比如每条知识的显示,通过父子组件传值的方式,达到组件重复利用 9.后期根据UI设计的原型图修改系统样式和排版; 10.对页面进行性能优化,对需要获取大量数据时进行懒加载

技术栈: Vue2、Js、Vue-Router、Axios、Es6、Less、Element Ul、Echarts、Uni-app 项目介绍: 该平台是一款对于国家电网内部使用的后台管理系统和APP,我只负责使用Vue2技术对前端部分进行开发,开发内容包括人员准入管理、队伍准入管理、安全监督检查、安全费用管理、问题反馈、大数据分析等模块 个人职责: PC端: 1.利用Vue2技术进行页面搭建,并预留对接接口时的逻辑,以保证可以高效率完成项目 2.获取后端接口数据渲染页面,并根据后端给出的字典值进行转换 3.对自己编写的页面配置独立的路由组件,并导出 4.获取后端接口数据渲染页面,并配置数据以Excel表格的形式的导入和导出 5.引用组件库中的El-table表格,根据接口文档获取后端数据渲染表格,对页面中的数据进行分页展示以及增删改查 6.大数据分析模块首页中使用Echarts组件和经纬度实现地图展示以及其他功能,并保证数据可以实时更新; 7.对页面中的搜索栏进行组件封装,通过父子组件传值的方式,达到组件重复利用; 8.对页面进行性能优化,对需要获取大量数据时进行懒加载 Uni-app: 1.负责违章曝光、问题曝光等模块功能的实现,对于有违章的情况实现通过人脸识别增加违章人员 2.利用Sm-crypto这个js库进行Sm4接口数据加密和解密,尤其是带有身份证*返回的接口数据; 3.基于Vue.js技术栈实现组件化、模块化开发,封装可复用组件,使用自己封装的组件实现页面要求,例如:Tab栏、卡片等, 4.使用Uni-app自带的API中uni.getLocation实现日计划页面中的人员签到功能 5.解决多平台兼容性问题,确保UI功能在不同终端的一致性; 6.优化页面渲染性能,以防出现页面白屏