猿急送>

成都前端兼职程序员

ID：132521

王富涛身份已认证

前端开发工程师

公司信息：
中科三清

工作经验：
6年

兼职日薪：
500元/8小时

兼职时间：
下班后
周六
周日
可工作日远程
可工作日驻场（离职原因）
可工作日驻场（自由职业原因）

所在区域：
成都
全区

技术能力

除传统前端页面以外, 主要参与开发二维地图数据展示类项目、canvas绘图类项目、webgl图片调色类项目。

🔹熟悉WEB前端基础、React和Vue框架，擅长使用TypeScript，擅长Canvas和WebGL二维图形开发、二维WebGIS开发、前端组件库开发，熟悉java后端(SpringBoot)基础、数据库(MySQL/SQLite)、客户端开发(Electron/ReactNative)

🔹工作中用过Next.js、Pixi.js、ElementUI、AntDesign、Leaflet、AMap、Echarts、Mobx、Axios、Lottie等前端类库

🔹大学获奖：第九届蓝桥杯省赛和国赛java B组一等奖，四川省ACM-ICPC大学生程序设计竞赛铜奖(2018.05)

项目经验

1.新版咻图AI客户端（主要技术：React、WebGL、pixi.js、tailwindcss）
- 从零开始参与项目开发到最后上线运营，以及后期新功能开发和项目维护。
- 主要负责图片编辑页的功能开发，包括图片拖动/缩放交互、人像/服饰/调色/背景/裁剪等参数调节、手动液化、预设列表/分类管理、批量应用参数等功能。
- 开发手动液化、裁剪、调色等前端webgl实现的功能。

2.潍坊市生态环境局智慧环保项目
①应急指挥工作台（主要技术：Vue、Leaflet、ElementUI）
- 数据展示：地图上展示各类风险源、敏感源、物资库、监控等的点位和对应的详细信息。
- 应急接警：对每个异常数据的应急事件，提供从通知核实到处置、结果填报等的完整应急指挥流程。
- 应急模拟：大气污染扩散分析、水体污染扩散分析、气象分析，前端模拟污染物的扩散路径。
②指挥大屏（主要技术：Vue、Leaflet、Video.js、Echarts）
- 负责前端部分整体工作的安排。
- 负责地图模块开发。展示实时风场、车辆实时/历史轨迹、雷达图、空气质量监测/水质监测站点、报警点位、视频监控点位等。
- 监控视频播放，另有监控视频轮流循环播放、选择播放等功能。

3.陕西杨凌示范区生态环境局智慧环保项目
主要协助领导对整个项目进行管理，参与项目部分模块的前端开发和少量后端开发，负责调研和解决一些技术难点，负责我们开发团队与别的团队（数采、运维、产品、设计、项目经理、大数据局、气象局、其他公司等）的沟通协调等。参与项目从招投标到验收结束的整个过程以及后期的部分运维工作，也是2021年的主要参与的项目。
综合管理平台 & 指挥大屏 & 一体机（主要技术：Vue、Leaflet、Canvas、Webgl、WebSocket、Echarts、二进制传输数据）
- 空气质量站点、各类污染源监测点位数据展示和弹框信息等多个图层展示、点位聚合和与时间轴联动。
- 激光雷达数据在地图上的动画展示(webgl实现)以及动态参数设定和鼠标拾取。
- 环境监测车辆历史轨迹的播放暂停、速度调节。
- 网格管理：在地图上使用鼠标绘制区域。
- 后台定时自动生成空气质量日报(使用poi-tl库)，提供docx和pdf文件下载。
- 页面全局的websocket消息通知(前端 + 后端springboot)。

4.中科三清内部三清网项目
①EC预报图（主要技术：Vue、Canvas、地图数据拆分、地图绘制、坐标转换、格点数据解析、二进制传输数据）
- 前端canvas绘制天气预报图，任意单选或者多选全国城市或省份组合，2m温度、降水、总云量等8种图层单选展示，风羽、温度、气压/位势高度多选叠加展示。
- 后端定时解析EC预报数据将高度层和各类要素数据保存为设定的二进制文件，提前将地图数据按照指定分辨率拆分保存以便于后期随意叠加（不同城市组合时，除了所选城市区域，生成的图形的最小矩形区域内的其他周边城市边界也得包含进去），前端根据所选的区域组合和预报时间、叠加要素等参数，请求包含所选区域的最小地图数据和预报数据，将地图数据、色斑图数据、叠加的图层以及边框、刻度、标题、图例和logo等按照指定顺序使用canvas绘制成多个图层后叠加到一起。
(此项目难度稍大，涉及到地图的拆分、地图的绘制(lambert投影)、坐标的转换(经纬度-lambert-屏幕坐标)、色斑图和等高线等多个图层的绘制、风羽图的绘制等)

②天气分型（主要技术：Vue、Canvas、Leaflet）
- 功能：对一个时间段内的再分析资料数据进行解析和可视化绘制。
- 主要难点：大量.grid类型格点数据的读取和处理、天气分型算法的实现和前端地图和数据的绘制。

③再分析资料（主要技术：Vue、Canvas、地图数据拆分、地图绘制、坐标转换、格点数据解析、图片RGBA通道传输数据）
- 功能：全国区域内温度、湿度等的色斑图和气压/位势高度的等高线的绘制和lambert投影的地图绘制。
- 主要难点：地图投影转换、地图绘制、地图拖动/缩放交互。

④探空雷达
- 功能：对探空气球数据的折线图展示，此项目使用后端java的Graphics2D类绘制图像，对数据使用对数压力(T-lnP)图形式展现。

⑤风廓线雷达
- 功能：展示不同海拔和日期下的风速风向、温度平流。同项目4，使用后端绘制图像，风速风向使用风羽图，温度平流使用色斑图。

案例展示

AI修图客户端

公司项目为AI修图软件，使用Electron封装win/mac平台客户端，前端使用React框架开发，参与到的前端开发任务主要涉及项目展示、导出列表、图片精修 (包括人像、调色、背景、裁剪等参数调节)、webgl前端调色/手动液化/裁剪(pixi.js实现)、独立开发的组
陕西杨凌示范区生态环境局智慧环保项目

综合管理平台 & 指挥大屏 & 一体机（主要技术：Vue、Leaflet、Canvas、Webgl、WebSocket、Echarts、二进制传输数据） - 空气质量站点、各类污染源监测点位数据展示和弹框信息等多个图层展示、点位聚合和与时间轴联动。 - 激
环境气象服务平台

河北省生态环境大数据平台：建筑扬尘和放射源监测管理和监管助手app 潍坊市生态环境局智慧环保指挥大屏：展示实时风场、车辆实时/历史轨迹、雷达图、空气质量监测/水质监测站点、报警点位、视频监控点位等。北京市大气综合观测项目-污染传输平台： - 主要负责PM2