最近有一條知乎熱議：從一個前端工程師，如何根據(jù)目標(biāo)，制定計劃，才能快速進(jìn)階成為前端架構(gòu)師？

架構(gòu)師這個角色，在行業(yè)中和各個公司中，都沒有明確的定位。甚至，有些公司都沒有架構(gòu)師這個職位。

但是，你的身邊總是需要這樣的角色。他們技術(shù)能力好，有深度、有廣度，熟悉公司產(chǎn)品的業(yè)務(wù)需求，熟悉公司各個部門和負(fù)責(zé)人，遇到問題能拆分任務(wù)，計劃和跟蹤 ……

即，他們不僅僅是做開發(fā)，還有其他更加重要的工作。有了這個角色，你就有了依靠，你就會感覺很踏實(shí)，很放心。這種角色，就是架構(gòu)師。

特別是近些年技術(shù)棧細(xì)分嚴(yán)重，大家各司其職，更加需要這樣的角色去整合團(tuán)隊(duì)的工作。保證多人協(xié)作順利有效的進(jìn)行，否則就亂套了。

無論是大公司還是創(chuàng)業(yè)公司，只要有了研發(fā)團(tuán)隊(duì)，不是單兵作戰(zhàn)或者小作坊（通訊靠吼），就需要這樣的角色。

下面，我根據(jù)我的工作經(jīng)驗(yàn)和理解，說一下 Web 前端架構(gòu)師這個角色的一些職責(zé)。雖然沒法給出一個文字定義，但可以從不同的方面來表達(dá)一下。

負(fù)責(zé)人

首先，作為 Web 前端架構(gòu)師，你就是前端及相關(guān)技術(shù)方面的負(fù)責(zé)人。只要跟你相關(guān)的，你都要負(fù)責(zé)，贏了給你獎勵，輸了你也要得到懲罰。

所以，架構(gòu)師就是“將”。所謂“千軍易得一將難求”，招聘人員很簡單，但招聘一個架構(gòu)師是很難的。一般情況，都是從本公司培養(yǎng)。三國時 “蜀國無大將廖化作先鋒”，蜀國此時也不是沒人了，只是沒將了。

這個項(xiàng)目或者系統(tǒng)，交給一個架構(gòu)師（再配一些開發(fā)人員）老板就會安心，一切都在掌控之中，不會發(fā)生驚喜，但也不會有意外。

保證項(xiàng)目：高效 有節(jié)奏 穩(wěn)定 安全

高效：發(fā)揮每個人的最大價值，不讓人閑著。但這并不代表要加班，要 996 —— 反而加班 996 就是因?yàn)闆]有高效而導(dǎo)致的。

有節(jié)奏：當(dāng)下有安排，未來有計劃，做完一個任務(wù)立馬安排下一個任務(wù)，持續(xù)進(jìn)行中。

穩(wěn)定：完善的研發(fā)流程（單元測試，接口測試），完善的監(jiān)控報警體系，才能保證穩(wěn)定，課程中都會講到。

安全：不會被輕易攻擊，如最常見的 DDOS XSS SQL 注入等。

深入理解業(yè)務(wù)

脫離業(yè)務(wù)的架構(gòu)，就是耍流氓，架構(gòu)是基于業(yè)務(wù)的 —— 要再說：不想做業(yè)務(wù)，想做架構(gòu)。

架構(gòu)師的核心職責(zé)是保證業(yè)務(wù)增長，翻譯過來就是：如何用技術(shù)只支撐現(xiàn)在和未來的業(yè)務(wù)。所以，你得非常清楚的了解公司產(chǎn)品的業(yè)務(wù)，未來規(guī)劃和目標(biāo)。

所以，建議各位同學(xué)，如果現(xiàn)在的工作機(jī)會還不錯，一定要積極參與到公司產(chǎn)品業(yè)務(wù)的討論中，不要只是一門心思的寫代碼。

技術(shù)是為業(yè)務(wù)服務(wù)的，光靠技術(shù)，沒有持久的競爭力。

個人技術(shù)能力

架構(gòu)師也要寫代碼，且要有廣度和深度。

廣度：做技術(shù)方案時，要有多種選擇，且能熟悉前后端的關(guān)系。

深度：要能解決一些別人搞不定的問題，不一定是親自解決，可以指導(dǎo)從某個方向入手查詢。

想要快速進(jìn)階成為前端“架構(gòu)師”，這個過程一定離不開真實(shí)實(shí)戰(zhàn)。大家在選擇項(xiàng)目練手的時候一定要切記：真實(shí)的線上項(xiàng)目永遠(yuǎn)要比一個demo小樣更能提升能力。

這是為什么呢？

其實(shí)，線上項(xiàng)目和 demo 雖然功能看似一樣，但實(shí)則完全不同。隨隨便便就能說出很多方面：

demo 沒有線上環(huán)境，如域名，服務(wù)器，數(shù)據(jù)庫等

demo 沒有上線、回滾的流程

demo 沒有運(yùn)維監(jiān)控和報警，這些在實(shí)際工作中都是重點(diǎn)

demo 沒有統(tǒng)計、分享等正式的業(yè)務(wù)場景

demo 不用考慮安全、攻擊、敏感內(nèi)容過濾等

demo 不用擔(dān)心萬一半夜出 bug 該怎么辦？

…… 還有很多，一次性說不完

一個完整的真實(shí)實(shí)戰(zhàn)項(xiàng)目需要正式上線，用正式的域名、證書、服務(wù)器等跑起來，而且要流程閉環(huán)才可以。

以上就是本次分享的全部內(nèi)容，想學(xué)習(xí)更多web前端技巧，歡迎持續(xù)關(guān)注六星云課堂！