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