猿急送>

无锡前端兼职程序员

ID：347437

醒了

高级前端开发工程师

公司信息：
无锡混沌能源技术有限公司

工作经验：
6年

兼职日薪：
500元/8小时

兼职时间：
下班后
周六
周日

所在区域：
无锡
全区

技术能力

1. 六年前端开发经验
2.精通 HTML5+JavaScript+CSS 3开发模式，熟悉模块化开发，有框架设计能力。
3.熟练掌握 Vue、React 等开发框架，熟练使用 Vue3，对 Vue 框架原理有较深理解。
4.熟练使用 Element-UI，iview 等前端模块框架，熟练使用 echarts，mapbox 等图形地图开发工具。
5.对微前端架构有一定的理解，能够搭建微前端框架。
6.熟练使用 webspack 等构件工具，熟悉 node.js。
7.对工业互联网方向的业务有较多的开发经验。

项目经验

wonderCloud能源管理平台为公司的主要业务平台，通过交付平台，运维平台，客户平台三个子平台完成平台的数据接入，客户部署，数据分析应用的功能，其中客户平台以数据采集、展示、分析、应用这四个模块，针对企业多种能耗问题，不同能源管理需求，对企业的能源设备进行全面的管理。该平台前端采用 vue 3框架，采用 MicroAPP 微前端架构，实现了功能独立部署。前端样式整体以 element-ui 风格为主，并进行了二次封装。
我在该平台项目主要进行了以下功能模块的开发：
1、报表统计分析：
该功能包含两个基础功能模块：报表统计与趋势分析，报表统计通过配置 echart 图表（折线图、柱状图、饼图），绑定展示数据以及数据采集频率，展示对比分析设备的运行数据，可配置形成多哥设备，多个时间维度，多个比较维度（同比环比）数据报表。表格配置可自定义表格，生成需要展示的表格数据。趋势分析功能则统计一个或多个设备的运行状态趋势，最高采集频率1秒对 echart 动态展示进行了优化。
该功能所使用的技术及难点：
对 echarts 进行了较为全面且深层的应用，对多个复杂数据的展示进行了优化处理。使得 echarts 瞬时响应加快。对于自定义表格基于 element Table 开发出可添加、删除、选择分析指标的自定义表格。并优化大数据情况下的表格展示问题。
2.视频监控：
该功能包含视频监控配置、视频监控展示、云台操作三个模块，视频监控配置针对不同品牌不同协议的摄像头进行管理，配置，视频展示模块功能包含摄像头层级列表，平铺列表，一分屏到八分屏视频展示等功能，云台控制则是基于摄像头的转动、对焦、滑轨移动等功能采用移动端操作杆的设计理念，对摄像头的 web 端控制进行了二次开发。结合摄像头人脸识别算法，人员动态识别算法进行了应用开发。
该项目的技术点及难点，采用 video.js 对摄像头功能进行应用，对滑杆操作摄像头的及时响应程度进行了优化，使得操作更流畅，针对不同摄像头操作编码不同的问题，单独封装编码库，可进行多种摄像头配置，提高该功能兼容性。
3、脚本编辑器：
功能为在线编辑脚本语言，用于设备的指令下发，算法支持，功能包括快捷点位导入，代码复制，粘贴，查找替换，切换编辑状态等。
该项目的技术及难点，基于 codemirror 前端代码编辑器，使用 codemirror 提供的方法及函数，满足业务需要，对于不能满足的需求修改 codemirror 源码，重写 codemirror 提供的方法，二次封装后，形成独立的功能模块，为后续开发提供便利。
4、数据大屏应用：
该功能为可视化数据大屏编辑器，可选择图表模块配置合适的数据大屏，包括数据展示模块，视频模块，通用按钮等，大屏画布背景可拖拽，可引用展示数据。
该功能技术及难点：所有配置图表均使用二次封装的 echarts 图表，将不同形式的图表（折线图、柱状图、饼图、漏斗图、地图）根据需求封装成独立模块，并规定展示形式数据结构等关键信息。封装后的 echarts 功能模块作为外部工具引用至大屏编辑器的前端项目中，做到了灵活配置。基于该功能公司形成了二次封装后的 echarts 组件库，服务于后续项目并持续更新。
5、运行监控功能：
该功能为可配置组态以组态的形式展示设备运行状态，管线状态，并做到了基于组态的设备操作，包括一键启停，参数回调，AI 辅助矫正等。该组态编辑器功能强大，可编辑图形，图片，canvas等，支持 svg。
该项目的技术点及难点：运行监控功能为基于 mxGraph 前端图形编辑器做的二次开发，主要集中在图形添加交互上，在图形上添加点击拖拽，鼠标移动等事件，满足组态操作等需求并将 mxGraph 图形库与后端接口进行了对接，满足图形的实时便捷更新。难点在于涉及修改 mxGraph 源码，并封装。

案例展示

空冷数据平台，echarts数据分析模块

数据大屏应用：该功能为可视化数据大屏编辑器，可选择图表模块配置合适的数据大屏，包括数据展示模块，视频模块，通用按钮等，大屏画布背景可拖拽，可引用展示数据。该功能技术及难点：所有配置图表均使用二次封装的 echarts 图表，将不同形式的图表（折线图、柱状图、饼图、漏斗图
报表统计与分析

1、报表统计分析：该功能包含两个基础功能模块：报表统计与趋势分析，报表统计通过配置 echart 图表（折线图、柱状图、饼图），绑定展示数据以及数据采集频率，展示对比分析设备的运行数据，可配置形成多哥设备，多个时间维度，多个比较维度（同比环比）数据报表。表格配置可自定义表