1.熟悉前端基础知识,包括javascript,Es6,HTML,CSS,HTTP协议等
2.熟悉常见的前端性能优化手段,熟悉常见的浏览器兼容性问题
3.熟悉Webpack自动化构建工具,独立配置Webpack实现对项目模块的打包
4.熟悉使用Echarts,Antv可视化图表
5.熟悉使用高德Api开发地图业务
6.熟悉Vue2.0,Vue3.0全家桶技术栈,并具有实际的项目开发经验
7.熟练使用Ajax,Fetch,axios与服务器端进行数据交互
8.熟练使用Vue框架及其周边工具Vuex,Vue-router等
9.熟练使用git管理项目源代码
10.有良好的代码书写习惯,遵循eslint代码规范
1.项目一介绍:(vue2+Echarts+Element-ui)
针对测试数据实现动态可视化图表展示功能,通过一个便捷操作 ui 实现 MAP,
SPAT 消息的配置功能。数据可视化功能包含数据记录模块和数据可视化模块,要求在
GM 上位机(相当于较高性能的电脑)的 linux 系统中开发部署,支持同一局域网段内
的其他电脑通过浏览器访问该功能模块,便于观察测试数据的情况。
2.责任描述:
(1)使用 Echarts 可视化图表工具动态展示曲线图及散点图
(2)使用定时器每一秒截取对应数据驱动视图,展示动画效果
(3)自定义设置 Element-ui 日期组件
(4)封装 select 下拉框,超出下拉框设定宽度的选项,显示 Tooltip 文字提示
(5)通过 localstorage 存储所有搜索条件,再次进入页面时保留上次关闭页面时的选项
(6)Echarts 图表数据展示超过4000个点时页面卡顿,抽稀处理
(7)数据量大时对获取的数据做优化处理,避免页面卡顿(最多展示3min 的数
据,动画一秒执行一次,取对应数据,若下次新增一批数据后会超过3min 的数据
则从下次新增数据开始,删除当前窗口内最早的一批数据)
1.项目二介绍:(vue3+vite+Element Plus)
以数字智能技术,服务资产效用管理组织,协助进行各类型设备的资产管理,从安
全、品质、运行、运维、成本、能耗、人效、能效等各个方面,实现资产的最优运行,
全方位提升管理者满意度,降低设备全周期成本和风险,实现运营收入最大化和估值提
升,并通过组织资产管理能力升级,实现快速规模化及高效扩张
2.责任描述
(1)用户中心模块开发,包括:用户管理,角色管理,菜单管理,部门管理,岗
位管理,日志管理等
(2)在 directives 目录下封装全局自定义指令,利用 vnode 来访问 vue 的方法,
全量开发,定义每个功能按钮的默认名称和全局唯一的操作权限标识,从而实现功
能操作权限
(3)实现页面访问级权限(将不需要访问权限的部分放到静态路由
constantRoutes中,如登录、404、维护等页面。将其他需要权限的页面放入到
asyncRoutes中)
(4)在全局 components 目录下封装搜索、分页等公共组件
(5)采用 bcrypts 固定盐加密方式对登录密码进行加密
1.PC(vue2+Element-ui )项目三介绍:
该项目为面向长宁地区警务办公的后台管理系统,为了便于警务人员出勤信息查询,如
人员轨迹,数据信息,出勤统计
2.责任描述
(1)高度还原设计图,完成各个模块开发(包括:数据统计,实时在线,巡逻路
线,轨迹查询,任务管理,操作记录)
(2)用 keepAlive 实现页面缓存,采用 vue-digitroll 实现数字滚动
(3)页面功能展示:采用 Echarts 实现个人巡逻统计,历史出勤统计,综合统计
(4)通过路由懒加载,组件懒加载对页面进行优化
(5)二次封装 Element 组件(dialog 弹框,分页组件)
1.H5(vue2+vant )项目介绍
该项目配合 pc 端警务系统,便于对巡逻人员位置上报查询,方便警务人员手机派发,
接收任务,对有突发情况的现场可以进行视频或者图片的拍摄上传
2.责任描述:
(1)使用 vue-cli 脚手架完成底层搭建,完善相关路由配置
(2)采用混合开发模式,负责 APP 内嵌H5页面的开发
(3)二次封装视频上传组件
(4)处结反馈,数据展示,详情页面数据展示及骨架屏加载优化
(5)封装时间 picker 组件支持年月日时分秒的选择。(原 vant 组件不支持秒)