熟练掌握vue全家桶,熟悉vue基础语法、vuex状态机等,了解vue的响应式原理、vue组件的二次开发, echarts等图表可视化工具,熟练使用vue3.0,jsx写法。
熟练掌握HTML5新特性(语义化)、CSS3、CSS预处理(Less、Sass)、弹性盒模型。
熟练掌握js语法、ES6新特性(箭头函数、模板字符串、扩展运算符)等
熟练使用yarn、npm包管理工具进行插件安装。
熟练使用git包管理工具进行开发项目的拉取、推送、版本回退等指令操作。
熟练使用elementUI、antd- design - vue前端框架的form表单组件、Model组件、Table组件、分页组件等组件。
熟练使用uni-app和相关的组件,地图、video 的原生组件。
熟练使用uni-app 原生页面nvue开发app。
项目名称:车辆管理云平台
项目时间:2023.05 - 2024.02
开发技术:vue3.0 / tsx / ant-design-vue
项目描述:车辆管理平台是一个综合管理不同机构的车辆,通过实时订阅的方式获取车辆上不同设备数据,并对数据整理,保存,展示,便于各机构管理车辆。
工作职责:
使用vu3搭配ant-design-vue中的table,form,input,button等组件完成页面布局和数据渲染;
封装无感刷新token方法,实现用户短时间免重复登录;
熟悉使用flv.js,实现视屏流的播放;
对axios进行二次封装后挂载到全局 ,拦截请求和响应,在请求头添加token,过滤响应体,及错误信息处理,便于动态数据和页面交互;
二次封装高德地图,实现车辆marker标记,自定义label,车辆轨迹回放及控制;
熟练使用mqtt 实现车辆实时订阅,获取车辆各项数据;
使用clipboard-polyfill实现数据复制;
根据后端返回的用户数据,动态渲染菜单,自定义指令实现按钮权限控制;
根据保存到本地的用户信息中的权限列表判断用户可以访问的页面,是否渲染该页面;
项目名称:车辆管理云平台后台
项目时间:2023.05 - 2024.02
开发技术:vue3.0 / tsx / ant-design-vue
项目描述:该平台旨在对车辆管理云平台,机构(用户)、车辆、设备进行管理,为前台用户设置不同菜单,按钮操作等权限。
工作职责:
使用vu3搭配ant-design-vue中的table,form,input,button等组件完成页面布局和数据渲染;
封装无感刷新token方法,实现用户短时间免重复登录;
对axios进行二次封装后挂载到全局 ,拦截请求和响应,在请求头添加token,过滤响应体,及错误信息处理,便于动态数据和页面交互;
根据后端返回的用户数据,动态渲染菜单,自定义指令实现按钮权限控制;
根据保存到本地的用户信息中的权限列表判断用户可以访问的页面,是否渲染该页面;
使用clipboard-polyfill实现数据复制;
根据保存到本地的用户信息中的权限列表判断用户可以访问的页面,是否渲染该页面;
项目名称:车辆管理云微信小程序
项目时间:2023.03 - 2024.02
开发技术:vue3/uni-app
该项目是一款用户小程序端,为机构管理车辆及设备,培训员工,车辆检查提供便利操作的微信小程序;包含地图车辆实时打点、定位,车辆轨迹回放,展示车辆设备数据,培训和检查等日程信息;
封装 uni.request,拦截异步请求和响应,响应体过滤及错误信息的处理;
首页封装card组件展示机构设备信息,图表展示风险数据;
通过 uni.navigateTo 实现页面跳转,uni.navigateBack 实现页面返回;
封装小程序端select组件实现多选/单选功能;
车辆管理平台是一个综合管理不同机构的车辆,通过实时订阅的方式获取车辆上不同设备数据,并对数据整理,保存,展示,便于各机构管理车辆。
该项目是一款用户小程序端,为机构管理车辆及设备,培训员工,车辆检查提供便利操作的微信小程序;包含地图车辆实时打点、定位,车辆轨迹回放,展示车辆设备数据,培训和检查等日程信息; 封装 uni.request,拦截异步请求和响应,响应体过滤及错误信息的处理; 首页封装car