?? 核心職責(zé)
1. 框架搭建與工程化
基于 Vue3 + TypeScript + Vite 搭建管理系統(tǒng)前端架構(gòu),實(shí)現(xiàn)模塊化與組件化設(shè)計(jì)3。
配置工程化工具鏈:ESLint/Prettier 規(guī)范、Vitest 單元測試、Webpack 性能優(yōu)化。
使用 Pinia 設(shè)計(jì)可擴(kuò)展的狀態(tài)管理方案。
2. 權(quán)限控制系統(tǒng)
實(shí)現(xiàn) 動(dòng)態(tài)路由權(quán)限:根據(jù)后端角色權(quán)限數(shù)據(jù)動(dòng)態(tài)生成路由表( addRoute 注入)3,8。
開發(fā) 按鈕級權(quán)限指令:通過 v-permission 控制元素顯隱(如 v-permission="'user.delete'" )。
支持多角色(RBAC模型),處理路由守衛(wèi)攔截、403頁面跳轉(zhuǎn)等場景。
3. 前后端協(xié)作與性能優(yōu)化
基于 RESTful API 與 Spring Cloud Alibaba 聯(lián)調(diào),使用 TS 接口確保數(shù)據(jù)類型安全4。
優(yōu)化方案:靜態(tài)資源懶加載、CDN 加速、Vite Rollup 代碼分割。
響應(yīng)式布局適配 PC/移動(dòng)端。
4. CI/CD集成(加分項(xiàng))
配置 GitHub Actions/GitLab CI 流水線,實(shí)現(xiàn)自動(dòng)化構(gòu)建、測試與部署3,6。
優(yōu)化 Docker 鏡像構(gòu)建,部署至云服務(wù)器(如阿里云 ACK)。
?? 任職要求
1. 技術(shù)能力
精通 Vue3(Composition API、響應(yīng)式原理)及 TypeScript 類型系統(tǒng)2,3。
熟悉 Vue生態(tài)鏈:Vue Router、Pinia/Vuex、Vite、Axios。
掌握工程化:Webpack 優(yōu)化、ESLint/Prettier 集成、單元測試(Vitest/Jest)3,8。
2. 權(quán)限控制經(jīng)驗(yàn)
至少1個(gè) Vue3+TS管理系統(tǒng)上線項(xiàng)目,獨(dú)立完成動(dòng)態(tài)路由與按鈕級權(quán)限設(shè)計(jì)3,8。
熟悉 JWT鑒權(quán),有單點(diǎn)登錄集成經(jīng)驗(yàn)(微信/釘釘優(yōu)先)。
3. 項(xiàng)目經(jīng)驗(yàn)
3年以上前端開發(fā)經(jīng)驗(yàn),具備 從0到1搭建前端架構(gòu) 的能力3,6。 熟練使用 Git 協(xié)作(分支策略、Code Review)。
? 加分項(xiàng)
微前端架構(gòu)經(jīng)驗(yàn)(qiankun 等)或 SSR 方案(Nuxt.js)3。
了解 Spring Cloud Alibaba 接口規(guī)范,能協(xié)作定義 DTO 類型。
有 uni-app 開發(fā)經(jīng)驗(yàn)(適配小程序場景)2。
?? 應(yīng)聘方式
提交以下材料至 ************** :
1. 簡歷及 2個(gè)代表性項(xiàng)目鏈接(重點(diǎn)說明權(quán)限控制方案);
2. Vue3+TS權(quán)限模塊代碼片段(如路由守衛(wèi)或自定義指令);
3. CI/CD流水線配置案例(如有)。
注:本崗位按模塊付費(fèi),需承諾交付后Bug修復(fù)支持。