崗位摘要: 負(fù)責(zé)平臺(tái)的可視化交互開(kāi)發(fā),核心任務(wù)是基于 Canvas/SVG 技術(shù)打造類 IDE 的算法設(shè)計(jì)器,并實(shí)現(xiàn)高性能的實(shí)時(shí)數(shù)據(jù)圖表渲染。
核心職責(zé):
1、低代碼算法設(shè)計(jì)器(核心挑戰(zhàn)):基于 AntV X6 或 LogicFlow 開(kāi)發(fā)“算法設(shè)計(jì)”模塊。需實(shí)現(xiàn)左側(cè)節(jié)點(diǎn)拖拽(快捷鍵D)、畫布連線(快捷鍵L)、網(wǎng)格吸附/隱藏、節(jié)點(diǎn)屬性配置抽屜、生成流程圖片等類 Visio 的交互功能。
2、數(shù)據(jù)可視化開(kāi)發(fā):
利用 ECharts 開(kāi)發(fā)“實(shí)時(shí)數(shù)據(jù)”與“趨勢(shì)分析”模塊,支持多Y軸曲線、模擬量/開(kāi)關(guān)量混合顯示、數(shù)據(jù)動(dòng)態(tài)加載與縮放;開(kāi)發(fā)“網(wǎng)絡(luò)圖表”,以拓?fù)鋱D形式展示網(wǎng)絡(luò)設(shè)備與鏈路狀態(tài)。
3、復(fù)雜業(yè)務(wù)交互:
開(kāi)發(fā)“機(jī)組狀態(tài)評(píng)價(jià)”中的動(dòng)態(tài)表格,實(shí)現(xiàn)單元格級(jí)別的編輯(如扣分值輸入)、保存與自動(dòng)計(jì)算反饋;實(shí)現(xiàn)“定時(shí)任務(wù)”模塊中的 Cron 表達(dá)式生成器組件。
4、視頻流集成:集成 Web 視頻播放器(如 xgplayer/flv.js),實(shí)現(xiàn)“工業(yè)電視聯(lián)動(dòng)”模塊的攝像頭實(shí)時(shí)監(jiān)控與多路視頻切換。
5、通用架構(gòu):基于 Vue 3 + Element Plus 搭建系統(tǒng)框架,封裝通用的增刪改查(CRUD)、導(dǎo)入導(dǎo)出、字典選擇等業(yè)務(wù)組件。
任職要求:
? 技術(shù)棧:精通 Vue 3 + TypeScript,熟練掌握 Element Plus 或 Ant Design Vue 組件庫(kù)。
? 圖形化開(kāi)發(fā)(必選):深入理解 Canvas 或 SVG 原理,必須有流程圖編輯器、DAG圖或低代碼編排平臺(tái)的實(shí)際開(kāi)發(fā)經(jīng)驗(yàn)(請(qǐng)?jiān)诤?jiǎn)歷中附帶相關(guān)作品)。
? 圖表性能優(yōu)化:精通 ECharts 配置,有處理過(guò)萬(wàn)級(jí)以上數(shù)據(jù)點(diǎn)渲染不卡頓的優(yōu)化經(jīng)驗(yàn)。
? 多媒體經(jīng)驗(yàn):了解 HLS/FLV/RTSP 等視頻流協(xié)議在 Web 端的播放方案。
? 加分項(xiàng):有 B 端復(fù)雜管理系統(tǒng)設(shè)計(jì)經(jīng)驗(yàn),對(duì)用戶體驗(yàn)(UX)有追求,能還原設(shè)計(jì)稿中的快捷鍵操作與微交互細(xì)節(jié)。