【崗位職責(zé)】:
1、需求分析與技術(shù)方案設(shè)計
-對接產(chǎn)品需求,結(jié)合業(yè)務(wù)場景制定 Web/H5 / 跨平臺應(yīng)用的技術(shù)方案,輸出可行性分析與性能優(yōu)化策略(含 TypeScript 工程化方案、DataV 大屏性能優(yōu)化)。
2、核心開發(fā)與功能實現(xiàn)
-負責(zé)前端頁面(Web/H5)的組件化開發(fā),使用 TypeScript 實現(xiàn)數(shù)據(jù)可視化(如 DataV 大屏數(shù)據(jù)渲染、思極地圖交互)、表單校驗等邏輯,確保代碼可維護性。
-基于 HTML5、JavaScript(ES6+)、Vue 等技術(shù)完成跨平臺應(yīng)用開發(fā),跟進 React Native/Weex 等技術(shù)動態(tài),支持多端圖表組件復(fù)用。
3、兼容性與性能優(yōu)化
-優(yōu)化頁面加載速度(如 DataV 大屏資源懶加載、Webpack 分包),適配主流瀏覽器及移動端,確保思極地圖、ECharts 圖表在不同設(shè)備的渲染一致性。
4、全流程協(xié)作與質(zhì)量保障
-參與需求評審,與后端對接 API 接口(如大屏數(shù)據(jù)接口),推動 TypeScript 前后端類型定義同步;協(xié)助測試團隊定位圖表交互、兼容性等問題。
【崗位要求】
(一)技術(shù)能力(必備)
1、基礎(chǔ)技術(shù)棧
-精通 HTML5 語義化標(biāo)簽、CSS3 響應(yīng)式布局,熟練使用原生 JavaScript(ES6 + 特性,如箭頭函數(shù)、模塊化)及 TypeScript(泛型、接口定義)。
-掌握 Vue2/Vue3 開發(fā)流程,能用 TypeScript 封裝組件(如帶類型校驗的表單組件),熟悉 Element Plus/ant-design-vue 等 UI 庫的類型定義文件。
2、數(shù)據(jù)可視化與交互
-熟練使用 ECharts 實現(xiàn)折線圖 / 餅圖 / 地圖等圖表,掌握圖表聯(lián)動(如點擊地圖篩選數(shù)據(jù)),具備思極地圖插件二次開發(fā)能力(如自定義圖層)。
-掌握 DataV 大屏開發(fā)(如使用 DataV CLI 搭建項目、配置數(shù)據(jù)看板組件),熟悉 H5 移動端適配(Touch 事件防抖、REM+vw 布局)。
3、工程化與協(xié)作
-熟悉 Node.js 生態(tài)(npm/yarn 包管理),掌握 Webpack 配置(如 TypeScript 編譯參數(shù)、大屏資源壓縮),能對接后端 RESTful API 并處理類型安全問題。
-掌握 Git 版本控制,能通過瀏覽器控制臺調(diào)試 TypeScript 代碼(如斷點調(diào)試、Promise 鏈追蹤),使用 Lighthouse 優(yōu)化大屏性能。
(二)加分項(優(yōu)先考慮)
-有使用 Uniapp 結(jié)合 TypeScript 開發(fā)過多端應(yīng)用(小程序 / APP/H5)。
-了解電網(wǎng) / 能源行業(yè)業(yè)務(wù)邏輯,能基于思極地圖開發(fā)電網(wǎng)拓撲圖,具備 PS/AI 切圖能力(適配大屏設(shè)計稿)。
-本科以上學(xué)歷,熟悉電網(wǎng)行業(yè)優(yōu)先。
(三)軟實力
-邏輯清晰,能快速學(xué)習(xí)新技術(shù)(如一周內(nèi)掌握 DataV 組件二次開發(fā)),獨立拆解大屏需求并制定開發(fā)計劃。
-良好的溝通能力,能與設(shè)計團隊對齊大屏視覺規(guī)范,與后端團隊同步 TypeScript 接口定義。