ID:408482

唐子沐🤗

前端工程师

  • 公司信息:
  • 合肥软信软件有限公司
  • 工作经验:
  • 3年
  • 兼职日薪:
  • 500元/8小时
  • 兼职时间:
  • 可工作日远程
  • 所在区域:
  • 合肥
  • 全区

技术能力

熟悉 Vue 技术栈,熟练掌握 css3,es6,js,uniapp 跨端开发与 echarts, DataV,elementUI等组件库,可开发后台管理系统,大屏可视化看板,app端,h5页面等。
善于使用WebSocket通信技术解决实时,双向通信问题。

项目经验

项目一 港口设备远程监控后台系统
本项目是一个面向大型港口设备的综合监控平台,通过集成实时视频流与设备物联网数据,将复杂的设备状态、点位信息与告警数据以直观、可视化的方式呈现给用户,极大提升了港口运维人员的管理效率。
职责:
作为前端核心开发,我主要负责:
SPA应用架构与开发: 基于 Vue.js 生态系统,构建了模块化、组件化的单页面应用,并负责核心模块的开发;
熟练使用 ECharts 进行数据可视化开发,能够根据业务需求配置各种复杂图表,实现图表联动及数据钻取;
利用 WebSocket 建立与服务器的全双工通信,实现设备数据的实时推送与更新,确保数据延迟低于1秒。
流媒体集成与交互: 集成视频流服务(FLV.js),实现多路摄像头画面的无缝播放、轮巡与控制,并与设备状态面板联动。
项目成果:
用户体验: 打造了零刷新、数据实时更新的操作体验,界面响应速度提升约30%,获得港口实施用户一致好评;
可视化效果: 成功将抽象的设备数据转化为直观的图形界面,帮助非技术人员快速定位故障,工单处理效率提升约20%;
系统稳定性: 通过前端容错、加载状态、自动重连等机制,保障了系统在复杂网络环境下的前端稳定性与可用性;
代码质量: 建立了高复用性的前端组件库,提升了团队开发效率约30%,并为后续功能迭代奠定了坚实基础。

项目二 港务集团安全环保管理平台系统
本项目是基于 若依开源框架 构建的港务集团安全环保管理平台。我的核心职责是在此成熟架构之上,快速响应业务需求,开发了包括综合指挥大屏及后台管理系统中一系列安全环保业务模块,实现了对环保数据、隐患排查、岸电使用等业务的数字化、流程化管理。
前端职责:
大屏可视化看板开发:
独立负责数据大屏的全流程开发,使用 ECharts 进行核心图表(如污染物浓度趋势、岸电使用负荷、隐患类型分布等)的开发与定制;
针对大屏场景,运用 CSS3 与 Flex布局 实现了高保真、自适应的视觉还原。通过数据定时轮询与 WebSocket 接入实时数据,确保信息的实时性。
对大量数据渲染进行了针对性性能优化,如图表按需加载、动画防抖等,保障了大屏运行的流畅与稳定。
后台业务模块开发:
基于若依框架已有的权限体系与路由结构,快速构建了“应急演练管理”、“培训记录管理”、“隐患排查与治理”等多个业务模块的增删改查界面。
熟练运用 Vue 与 Element UI 组件库,封装和复用了多个业务组件(如文件上传、审批流组件),提升了开发效率和界面统一性。
与后端紧密协作,定义接口规范,完成了前后端数据联调,实现了复杂的表单验证、数据分页与导出等功能。
项目成果:
业务价值: 成功交付了1个综合指挥大屏及超10个核心业务模块,将传统线下纸质流程线上化,流程处理效率提升约60%。
技术成果: 大屏可视化项目上线后,成为集团对外展示和内部指挥的亮点,数据展示直观,运行稳定零故障。
开发效率: 通过熟练运用若依框架和组件封装,能够快速响应产品需求,保证了项目的敏捷迭代与高效交付。

案例展示

  • 港务公司能效系统

    港务公司能效系统

    本项目是一个针对港口大型设备与作业区域的能效综合管理平台。前端核心目标是构建一个多维度、可钻取、实时洞察的能源数据分析系统。通过整合岸桥、场桥、龙门吊等多种设备的油、电、水消耗数据,将抽象的能耗转化为直观的图表与看板,为港口实现精细化能源管理、降低运营成本提供数据决策支持。

  • 仓储管理平台

    仓储管理平台

    本项目应用于港口码头仓库的货物出入库及盘点统计,后台管理系统管理数据及货物数据的大屏看板展示,同时配套仓储app端方便港口实施人员进行数据操作,大大提升了码头的工作效率。 作为前端开发,我的职责: 独立负责数据大屏的全流程开发,使用 ECharts ,DataV组件库等进行数

查看案例列表(含更多 0 个案例)

信用行为

  • 接单
    0
  • 评价
    0
  • 收藏
    0
微信扫码,建群沟通

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服