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