[TOC] ## 前言 越來越多的公司開始有前端架構師的需求，在我的另一篇文章里也有描述前端架構師或者前端大牛應該具備什么，本文會從更專業的角度來分析架構本身應該符合哪些原則。 ## 描述 前端架構是一系列工具和流程的集合，旨在提升前端代碼質量，并實現高效、可持續的工作流。 ## 工作職責 ### 體系設計 雖然ui效果以及產品特性不是前端決定的，但是前端系統的開發方法以及系統設計由前端架構師決定。下面分條描述下體系設計可能包含的部分： - 與后端通訊邏輯 - 前端項目結構 - 前端技術選型 - 系統設計規范 - 代碼檢驗機制 - 前端構建部署，持續集成 - 前端性能 - 前端監控 - ued跨職能協作 - 前端技術棧全量分析 ### 工作規劃 - 開發工作流 - 功能設計 - 交互設計 - 交付兼容標準以及解決方案 - 代碼審查 ### 監督跟進 - 任務合理分配以及進度跟蹤 - 疑難問題解決方案 - 核心代碼維護與不斷完善與講解 ## 可參考的架構重構實踐 ### 模塊化內容 大力推動可重用組件，可重用工具，并按照編程思路不斷完善。把可重用部分進行規范，使用場景，api 說明。 ### 全面測試 在前端代碼不斷迭代過程中，很容易發現某些原來的代碼或者追加的代碼存在不合理的設計，遺留bug風險或者可維護性低，因此針對每個階段的功能產物，我們要盡可能的全量測試，并保留之前的測試文檔以及功能設計文檔，不斷完善并追加到系統文檔中。 ### 流式管理 引入git工作流，把不同功能細分，肢解為代碼塊。把過去手動重復容易出錯的部分自動化，包括更新樣式緩存圖片等。 ### 詳盡文檔 詳盡的需求，開發，交付，測試，系統說明文檔可以為大家的系統維護以及開發思路上提供良好的資源。 ## 四個核心 ### 代碼 - html語義化 - css設計命名原則，模塊化（oocss ,sma,bem） - 代碼規范 - ### 流程 ### 測試 ### 文檔 ## 參考文檔 - 前端架構設計 美 Micah Godbolt著