核心職責(zé)
核心開發(fā): 使用 Vue 3 (Composition API) 和 TypeScript 進行高質(zhì)量的前端組件和功能模塊開發(fā)。
視圖層構(gòu)建: 熟練掌握 TSX 語法,在需要處理復(fù)雜邏輯或?qū)︻愋鸵髽O高的組件中,高效地使用 TSX 構(gòu)建視圖。
樣式工程化:
精通 Tailwind CSS 框架,利用其原子化特性快速構(gòu)建響應(yīng)式、一致性的 UI 界面,并理解其核心配置與優(yōu)化策略。
熟練運用 CSS Modules 解決組件級樣式隔離問題,確保樣式可維護性,避免全局污染。能夠在項目中合理結(jié)合 Tailwind 與 CSS Modules (或其他 CSS-in-JS 方案如 vue scoped 或 :deep()) 的優(yōu)勢。
狀態(tài)管理: 深入理解 Vue 的狀態(tài)管理方案 (Pinia / Vuex),根據(jù)業(yè)務(wù)場景合理設(shè)計和管理應(yīng)用狀態(tài)。
工程化與架構(gòu):
參與或主導(dǎo)前端項目構(gòu)建、打包、部署流程 (Webpack / Vite) 的優(yōu)化與維護。
設(shè)計和實現(xiàn)可復(fù)用、高內(nèi)聚低耦合的前端架構(gòu)和組件庫。
編寫高質(zhì)量、類型安全的代碼,制定并推動編碼規(guī)范和最佳實踐。
性能優(yōu)化: 持續(xù)關(guān)注前端性能,進行加載速度、渲染效率、內(nèi)存占用等方面的分析和優(yōu)化。
技術(shù)協(xié)作: 與后端工程師緊密協(xié)作,定義高效、類型安全的 API 接口規(guī)范。
技術(shù)調(diào)研與創(chuàng)新: 關(guān)注前端技術(shù)發(fā)展,評估并引入合適的新技術(shù)和工具,提升團隊開發(fā)效率和產(chǎn)品質(zhì)量。
任職要求:
必需技能
扎實基礎(chǔ): 計算機相關(guān)專業(yè)本科及以上學(xué)歷,4年以上前端開發(fā)經(jīng)驗。
Vue 3 專家:
精通 Vue 3 核心原理、Composition API、響應(yīng)式系統(tǒng)、生命周期、組件化開發(fā)。
熟練掌握 Vue Router、Vue I18n 等核心生態(tài)庫。
TypeScript 專家:
精通 TypeScript,深刻理解其類型系統(tǒng)(泛型、高級類型、類型推斷、類型守衛(wèi)等)。
具備在大型項目中應(yīng)用 TypeScript 進行類型設(shè)計和約束的豐富經(jīng)驗,能顯著提升代碼健壯性和可維護性。
TSX 實踐者:
有在實際生產(chǎn)項目中 使用 TSX 開發(fā) Vue 組件 的經(jīng)驗,理解其適用場景(如復(fù)雜邏輯組件、強類型模板需求)以及與 SFC 模板的優(yōu)劣對比。
熟悉 Vue 中 JSX/TSX 的語法規(guī)則和特殊處理(如 v-model、事件、插槽在 TSX 中的寫法)。
Tailwind CSS 精通:
精通 Tailwind CSS 的核心概念、工具類系統(tǒng)、響應(yīng)式設(shè)計、深色模式實現(xiàn)、插件開發(fā)和自定義配置。
理解其設(shè)計理念,并能有效利用其提高開發(fā)效率和 UI 一致性。
CSS Modules 掌握:
熟練使用 CSS Modules 進行樣式模塊化管理,理解其作用域隔離原理。
了解如何在 Vue (SFC 或 TSX) 項目中配置和集成 CSS Modules。
工程化能力:
熟練使用 Git 進行版本控制。
熟悉現(xiàn)代前端構(gòu)建工具 Webpack 或 Vite 的基本配置和優(yōu)化。
具備良好的代碼規(guī)范、單元測試 (如 Vitest/Jest) 和代碼審查意識。
問題解決: 出色的分析、定位和解決復(fù)雜技術(shù)問題的能力。
優(yōu)先考慮 (加分項)
組件庫經(jīng)驗: 有設(shè)計、開發(fā)或深度定制企業(yè)內(nèi)部或開源 Vue 組件庫的經(jīng)驗。
性能優(yōu)化: 在前端性能監(jiān)控、分析、優(yōu)化方面有突出經(jīng)驗和成果。
單元/端到端測試: 熟練掌握 Vitest, Jest, Cypress, Playwright 等前端測試框架。
微前端: 有基于 Module Federation 或其他方案的微前端實踐經(jīng)驗。