技術(shù)人生就是在不斷地修行蜡励，每個(gè)人都有每個(gè)人的功課，每個(gè)人也有每個(gè)人的精彩阻桅。你也許剛上路凉倚，又或許踽踽獨(dú)行了很久，聽(tīng)聽(tīng)別人的故事沒(méi)準(zhǔn)也能幫助自己的成長(zhǎng)嫂沉。在阿里修行的9年稽寒，他學(xué)會(huì)了這些。

少年勵(lì)志趟章，初入技術(shù)圈

我生在一個(gè)文化氣息濃厚的家庭杏糙，這讓我從小就對(duì)藝術(shù)有了一種懵懂的向往搔啊。第一次接觸到計(jì)算機(jī)時(shí)旧蛾，我就明白自己會(huì)在這個(gè)領(lǐng)域玩下去；第一次接觸到互聯(lián)網(wǎng)時(shí)，我就堅(jiān)定了將其作為事業(yè)，把自己的黃金年齡投入其中的信念。文化氣息的熏陶和堅(jiān)定的信念，使得我踏上了尋找將美好的設(shè)計(jì)感和互聯(lián)網(wǎng)技術(shù)相結(jié)合的長(zhǎng)路上菩咨。

2004年糙置，我在上海畢業(yè)后揉抵，加入了COSCO戏罢。當(dāng)時(shí)的環(huán)境有很好的應(yīng)用場(chǎng)景和很牛的前輩，我在這個(gè)時(shí)期接觸到了一種可以被叫做前端的職業(yè)，接觸到了這個(gè)把「人的情感設(shè)計(jì)」和「技術(shù)的實(shí)現(xiàn)」連接在一起的令人興奮的事情秧耗，而這恰恰就是我當(dāng)初最希望做的事情尺锚，于是毫不猶豫的將其作為自己立足的根本珠闰。除了找到自己的定位，我在這里收益最大的是快速學(xué)習(xí)并建立了自己的職場(chǎng)價(jià)值觀瘫辩。

后來(lái)伏嗜，我趕上了第二波互聯(lián)網(wǎng)浪潮。我不是那種希望很早就進(jìn)入退休狀態(tài)的人伐厌，所以在2007年承绸，我毅然決然地投身到 Web 2.0 的創(chuàng)業(yè)過(guò)程中。半年的時(shí)間挣轨，我們創(chuàng)業(yè)的產(chǎn)品就在當(dāng)時(shí)的社區(qū)中具備了一定的知名度军熏。這短短的半年時(shí)間，讓我在技術(shù)卷扮、設(shè)計(jì)荡澎、產(chǎn)品、用戶等方面都有了不錯(cuò)的知識(shí)積累晤锹。

2008年摩幔，我們?nèi)齻€(gè)技術(shù)人的創(chuàng)業(yè)進(jìn)入到了瓶頸期，我也明白了自己需要進(jìn)一步學(xué)習(xí)的有哪些鞭铆。此時(shí)或衡，機(jī)緣巧合，我以一個(gè)普通的前端工程師的身份加入了阿里巴巴。

阿里九年薇宠，我所到達(dá)的四個(gè)站點(diǎn)

時(shí)光如梭偷办，一晃眼，我加入阿里巴巴已快9年澄港，這9年中椒涯，我經(jīng)歷了4個(gè)重要的階段。

web前端全棧資料粉絲福利（面試題回梧、視頻废岂、資料筆記、進(jìn)階路線）

第一站：UED團(tuán)隊(duì)前端工程師

開(kāi)始2年狱意，我在UED團(tuán)隊(duì)湖苞。作為一線的前端工程師，我參與了UED深度進(jìn)入產(chǎn)品详囤，強(qiáng)烈追求業(yè)務(wù)結(jié)果的發(fā)展時(shí)期财骨。這為我深深地打下了用數(shù)據(jù)從用戶行為路徑的角度優(yōu)化產(chǎn)品的思路。這使得我從進(jìn)入前端正規(guī)軍的第一站開(kāi)始藏姐，就有了一個(gè)需要站在比前端職責(zé)更大的角度去考慮如何工作的環(huán)境隆箩。這是我職業(yè)順利發(fā)展最為關(guān)鍵的因素。這個(gè)階段羔杨，我專注的領(lǐng)域在性能和體驗(yàn)優(yōu)化上捌臊。

第二站：UED團(tuán)隊(duì)前端團(tuán)隊(duì)Leader

2010年，由于所在UED團(tuán)隊(duì)的調(diào)整兜材，我成為了前端團(tuán)隊(duì)的Leader理澎。在此階段，我參加了AliExpress的初創(chuàng)團(tuán)隊(duì)建設(shè)曙寡，又回歸到國(guó)際事業(yè)部糠爬。在負(fù)責(zé)了整個(gè)UED團(tuán)隊(duì)管理一年后，我又回歸到前端團(tuán)隊(duì)举庶，同時(shí)也把前端團(tuán)隊(duì)帶進(jìn)了技術(shù)團(tuán)隊(duì)秩铆。這個(gè)階段，讓我明白了前端這個(gè)角色的本心和這個(gè)階段所需要的環(huán)境灯变，使得我心中的前端開(kāi)始與技術(shù)團(tuán)隊(duì)形成連線。

第三站：阿里巴巴企業(yè)事業(yè)群(B2B)的前端團(tuán)隊(duì)Leader

2014年捅膘，隨著團(tuán)隊(duì)的規(guī)模進(jìn)一步擴(kuò)大添祸，我開(kāi)始負(fù)責(zé)阿里巴巴企業(yè)事業(yè)群(B2B)的前端團(tuán)隊(duì)，主要的職責(zé)是事業(yè)群下的前端團(tuán)隊(duì)的整合和技術(shù)的收攏寻仗。這使得我必須在更大刃泌、更復(fù)雜的環(huán)境下，來(lái)看待前端團(tuán)隊(duì)的定位。這個(gè)階段耙替，讓我有機(jī)會(huì)思考企業(yè)架構(gòu)下前端的價(jià)值和定位亚侠。

第四站：B類電商體驗(yàn)技術(shù)中臺(tái)團(tuán)隊(duì)Leader

2016年，在承接集團(tuán)中臺(tái)建設(shè)的戰(zhàn)略后俗扇，我思考清楚并開(kāi)始實(shí)踐研發(fā)中臺(tái)的建設(shè)硝烂，并略有成效。在中臺(tái)急切的落地的期待下铜幽，我加入到B類電商中臺(tái)團(tuán)隊(duì)滞谢，進(jìn)入到了當(dāng)前的第四站，負(fù)責(zé)體驗(yàn)技術(shù)中臺(tái)團(tuán)隊(duì)〕祝現(xiàn)在狮杨，我更多關(guān)注的課題是：如何在成熟的系統(tǒng)中去做收斂和統(tǒng)一，并為將來(lái)留下靈活性到忽。當(dāng)然橄教，我依舊是從前端的角度切入。

我所經(jīng)歷的B類電商平臺(tái)前端架構(gòu)演進(jìn)

我不敢妄言整個(gè)互聯(lián)網(wǎng)電商平臺(tái)的前端架構(gòu)喘漏，因?yàn)闆](méi)有全部經(jīng)歷過(guò)护蝶。但我在阿里巴巴B2B電商平臺(tái)的這段經(jīng)歷，使得我有立場(chǎng)說(shuō)一說(shuō)B類電商平臺(tái)的前端架構(gòu)演進(jìn)陷遮。架構(gòu)和業(yè)務(wù)的發(fā)展有密不可分的關(guān)系滓走，下面我將結(jié)合業(yè)務(wù)發(fā)展階段對(duì)應(yīng)的談前端架構(gòu)在當(dāng)下環(huán)境的特點(diǎn)和時(shí)間線上的演進(jìn)。

「信息透出帽馋，促成雙方會(huì)面」階段

在電商平臺(tái)還在「信息透出搅方，促成雙方會(huì)面」階段的時(shí)候，業(yè)務(wù)的主要特征是以 搜索 / 導(dǎo)購(gòu) 作為主線绽族，用戶鏈路以在線溝通意向?yàn)榻K點(diǎn)姨涡。業(yè)務(wù)模式很簡(jiǎn)單，抽象起來(lái)就是用戶提供信息吧慢，電商平臺(tái)展示信息涛漂，協(xié)助買(mǎi)賣(mài)方在線溝通。在這個(gè)階段检诗，前端的架構(gòu)視角的關(guān)鍵詞是： 繼承式代碼復(fù)用匈仗，加載期性能治理。

繼承式代碼復(fù)用一般遵循著： 基礎(chǔ)框架 / 運(yùn)行時(shí); 組件基類; 基礎(chǔ)組件父類; 業(yè)務(wù)組件實(shí)例這樣的一個(gè)技術(shù)架構(gòu)模型上逢慌。而在工程架構(gòu)上的特點(diǎn)是： 覆蓋式發(fā)布 (含中美同步); 基本依賴管理; 性能治理 (壓縮悠轩，去重合并，監(jiān)控)攻泼。

大家會(huì)發(fā)現(xiàn)火架，這個(gè)階段考慮的都是通用性問(wèn)題鉴象。拋去電商的業(yè)務(wù)因素，可以發(fā)現(xiàn)這是個(gè)放之哪里都能用的架構(gòu)何鸡，解決前端自身在研發(fā)過(guò)程中的問(wèn)題占了絕對(duì)比重纺弊。

「在線交易達(dá)成」的階段

在電商平臺(tái)進(jìn)入到「在線交易達(dá)成」的階段時(shí)，業(yè)務(wù)的主要特征就是：開(kāi)始期望用戶把圍繞著交易的所有事務(wù)工作在線化骡男；業(yè)務(wù)場(chǎng)景在之前的基礎(chǔ)上新納入各種復(fù)雜的用戶端信息管理(交易流程淆游、糾紛流程、生意關(guān)系管理等)洞翩；用戶在平臺(tái)上需要完成的操作開(kāi)始變得更多稽犁，使得人機(jī)交互場(chǎng)景變得更頻繁且有更高體驗(yàn)要求。另外骚亿，多人協(xié)同研發(fā)的局勢(shì)也越來(lái)越明顯已亥。在這個(gè)階段，前端的架構(gòu)視角的關(guān)鍵詞是： 模塊化管理来屠，前后端分層虑椎，執(zhí)行期性能治理。

這個(gè)階段俱笛，應(yīng)用場(chǎng)景出現(xiàn)了頻繁的數(shù)據(jù)交換需求捆姜，從而開(kāi)始注重前后端的通信管理以及工作解耦，從而探索前后端的分層架構(gòu); 模塊化管理的進(jìn)入引入了模塊管理器(離線/在線); 發(fā)布前構(gòu)建迎膜，從而引入工程鏈的體系泥技。因?yàn)殚_(kāi)發(fā)環(huán)節(jié)的進(jìn)一步復(fù)雜，對(duì)于質(zhì)量治理磕仅，線上線下監(jiān)控告警等都開(kāi)始有意識(shí)的進(jìn)一步完善珊豹。

大家還是會(huì)發(fā)現(xiàn)，該階段考慮的雖然還是屬于通用性問(wèn)題榕订，而解決的問(wèn)題已經(jīng)逐漸進(jìn)入到大型復(fù)雜協(xié)同模式下需要面對(duì)的問(wèn)題了店茶，慢慢從框架之爭(zhēng)進(jìn)入到了如何更好的組織代碼以及探索前端職責(zé)邊界。

電商平臺(tái)進(jìn)入真正的平臺(tái)化階段

在電商平臺(tái)進(jìn)入真正的平臺(tái)化劫恒，需要在目前的基礎(chǔ)上快速接入第三方服務(wù)(海關(guān)贩幻，稅務(wù)，銀行)两嘴，快速建設(shè)垂直市場(chǎng)(垂直行業(yè)市場(chǎng)丛楚，封閉市場(chǎng)，大企業(yè)采購(gòu)市場(chǎng)等)憔辫，需要考慮的是如何解決大量不可預(yù)知的差異化的承接問(wèn)題鸯檬，這個(gè)問(wèn)題已經(jīng)需要站在整體企業(yè)架構(gòu)中才能去嘗試解決的了。在這個(gè)階段螺垢，前端的架構(gòu)視角的關(guān)鍵詞是：設(shè)計(jì)解構(gòu)喧务、邏輯調(diào)度、應(yīng)用模型枉圃、分層標(biāo)準(zhǔn)化功茴。

隨著業(yè)務(wù)的多樣性發(fā)展，整體架構(gòu)的服務(wù)治理工作的開(kāi)展以及人力緊張狀態(tài)的持續(xù)孽亲，我們需要進(jìn)一步的去識(shí)別研發(fā)過(guò)程中能夠被進(jìn)一步抽象和標(biāo)準(zhǔn)化的部分坎穿，并將變化的部分通過(guò)可配置、可編排的方式提供靈活的服務(wù)返劲，并賦予業(yè)務(wù)實(shí)施的過(guò)程玲昧；需要進(jìn)一步強(qiáng)化和明確在系統(tǒng)架構(gòu)和信息架構(gòu)間前端的轉(zhuǎn)化工作。

該階段考慮的部分逐漸破開(kāi)前端的固有視角篮绿，開(kāi)始從業(yè)務(wù)特征的視角孵延，從數(shù)據(jù)消費(fèi)者的視角，從用科學(xué)方法來(lái)解構(gòu)專業(yè)的視角亲配，來(lái)建設(shè)前端的能力尘应。同時(shí)，也開(kāi)始從前端自身的開(kāi)發(fā)架構(gòu)慢慢轉(zhuǎn)變到有一定業(yè)務(wù)特征的應(yīng)用架構(gòu)吼虎。

我看大型企業(yè)級(jí)架構(gòu)前端分層

分層目的

分層的目的從根本上說(shuō)有兩點(diǎn)：

解耦前后端開(kāi)發(fā)工作

通過(guò)分層降低單層的復(fù)雜度

這兩點(diǎn)最終都能夠反應(yīng)到效率上：一個(gè)效率點(diǎn)是瀑布式開(kāi)發(fā)轉(zhuǎn)變成并行基于接口的開(kāi)發(fā)犬钢，縮短開(kāi)發(fā)任務(wù)路徑；另一個(gè)效率點(diǎn)是在面對(duì)業(yè)務(wù)調(diào)整時(shí)思灰，降低復(fù)雜度的分層系統(tǒng)具備更強(qiáng)的靈活性玷犹，從而提升整個(gè)系統(tǒng)的響應(yīng)效率。另外洒疚，分層對(duì)穩(wěn)定性也有一定意義的幫助歹颓，基于層的測(cè)試能夠做的更加純粹和有針對(duì)性。同時(shí)拳亿，接口調(diào)用性能監(jiān)控和全鏈路的性能監(jiān)控在其中非常關(guān)鍵晴股，用來(lái)做因?yàn)榉謱訋?lái)的額外性能開(kāi)銷可能存在風(fēng)險(xiǎn)的監(jiān)控。

主流模型

主流的模型有兩種：

客戶端渲染 + 應(yīng)用模型數(shù)據(jù)聚合

客戶端展現(xiàn) + 服務(wù)端渲染 + 應(yīng)用模型數(shù)據(jù)聚合

那么肺魁，應(yīng)用模型數(shù)據(jù)聚合(為UI提供數(shù)據(jù))和服務(wù)端渲染用什么實(shí)現(xiàn)呢电湘？客戶端在承擔(dān)越來(lái)越多職責(zé)的情況下會(huì)進(jìn)一步的引起思考，一些計(jì)算任務(wù)放置到服務(wù)端會(huì)更合適; 而業(yè)務(wù)領(lǐng)域模型的數(shù)據(jù)無(wú)法直接有效的對(duì)UI服務(wù)鹅经，需要有一層來(lái)處理數(shù)據(jù)消費(fèi)者視角的數(shù)據(jù)加工工作寂呛。結(jié)合「同構(gòu)」的意義，我們會(huì)發(fā)現(xiàn)JavaScript有了更大的應(yīng)用場(chǎng)景瘾晃。而我的觀點(diǎn)是JavaScript的運(yùn)行時(shí)有了更大的應(yīng)用場(chǎng)景贷痪，故不論是Node.js、Nashorn(甚至以前的Rhino)蹦误，亦或是直接使用V8都是可以做到我們想要做的事情劫拢，而讓JavaScript跑在服務(wù)端之外肉津，整件事更應(yīng)該關(guān)注的是穩(wěn)定性，容災(zāi)容錯(cuò)舱沧，彈性妹沙，監(jiān)控告警這些我們現(xiàn)在還有些陌生的領(lǐng)域。選型這件事不是語(yǔ)言偏好和角色之爭(zhēng)熟吏，而是系統(tǒng)應(yīng)該做成什么狀態(tài)的思考距糖。

分層通用原則

分層的通用原則有：

每一層完成獨(dú)立的功能，每層能夠獨(dú)立演進(jìn)牵寺，獨(dú)立部署悍引，獨(dú)立測(cè)試。

每一層的功能可依賴與處在同一層或下一層的功能帽氓，避免系統(tǒng)復(fù)雜度過(guò)高趣斤。

每一層功能的接口定義與接口實(shí)現(xiàn)要分離，對(duì)該層的訪問(wèn)只能通過(guò)接口杏节。

分層架構(gòu)通過(guò)將事務(wù)處理的分層來(lái)分化系統(tǒng)的復(fù)雜性唬渗，提高系統(tǒng)的可擴(kuò)展和可維護(hù)性。但同時(shí)因?yàn)榉謱邮聞?wù)處理導(dǎo)致需要在多個(gè)層間傳遞能力奋渔，會(huì)導(dǎo)致性能的損耗镊逝。目前談?wù)摰那岸朔謱又饕羌性?presentation layer 和 business layer中的一部分〖稻ǎ“每一層功能的接口定義與接口實(shí)現(xiàn)分離撑蒜，對(duì)該層的訪問(wèn)只能通過(guò)接口”，這個(gè)原則對(duì)前端的分層同樣有很強(qiáng)的指導(dǎo)意義玄渗，太多的不兼容底層框架升級(jí)導(dǎo)致業(yè)務(wù)實(shí)施有太多的額外成本開(kāi)銷座菠。這個(gè)恰恰是分層架構(gòu)給我們前端在本職工作上需要的更多思考。

國(guó)際化站點(diǎn)的前端業(yè)務(wù)的特點(diǎn)

國(guó)際化站點(diǎn)的業(yè)務(wù)對(duì)于前端而言藤树，最顯而易見(jiàn)的第一個(gè)問(wèn)題是國(guó)際化部署; 然后是內(nèi)容的國(guó)際化管理; 再往后是目前還在嘗試中的本地化浴滴。國(guó)際化部署對(duì)于前端而言不僅僅是把資源文件同步分發(fā)到全球各地機(jī)房就結(jié)束了的，源站和全球CDN中就有非常多的治理工作岁钓，比如CDN預(yù)熱升略、熱區(qū)規(guī)劃、緩存版本管理等; 而且資源文件和應(yīng)用的發(fā)布在全球化發(fā)布過(guò)程中會(huì)被無(wú)限放大發(fā)布時(shí)間差的問(wèn)題屡限，應(yīng)用的跨版本平滑發(fā)布品嚣，配置和文件冪等檢測(cè)等。

內(nèi)容的國(guó)際化管理钧大，首先是語(yǔ)種的國(guó)際化管理翰撑、用集中式鍵值對(duì)管理、熱部署啊央、頁(yè)面內(nèi)容識(shí)別等方法解決常用的應(yīng)用中XML資源文件式的管理存在的管理困難眶诈，分散在應(yīng)用中而帶來(lái)的冗余涨醋，發(fā)布困難，多語(yǔ)種應(yīng)用定位等問(wèn)題; 其次是類似 “單位 / 日期 / 貨幣 / 姓名格式” 等更精細(xì)化的國(guó)際化差異系統(tǒng)級(jí)管理册养。當(dāng)然這里還有些挺特殊的例子东帅，比如阿拉伯語(yǔ)、希伯來(lái)語(yǔ)的從右到左書(shū)寫(xiě)方式球拦。本地化(localization)區(qū)別于國(guó)際化(international)，更注重在本土文化的差異性上帐我，目前還在探索坎炼。

我看大型企業(yè)中前端團(tuán)隊(duì)的管理

關(guān)于團(tuán)隊(duì)管理的問(wèn)題，沒(méi)有正確答案拦键。組織結(jié)構(gòu)是在承接戰(zhàn)略而靈活變動(dòng)的谣光，而其中的優(yōu)劣也是相對(duì)而言。作為管理者芬为，需要解決的恰恰是享受了優(yōu)勢(shì)之后隨之而來(lái)的問(wèn)題萄金，因?yàn)槿魏螁?wèn)題都會(huì)成對(duì)出現(xiàn)。例如媚朦，是否應(yīng)當(dāng)將前端的同學(xué)合攏在一個(gè)團(tuán)隊(duì)呢氧敢？我們可以從專業(yè)建設(shè)、視角和組織靈活性來(lái)分析一下询张。

專業(yè)建設(shè)

合攏成一個(gè)團(tuán)隊(duì)時(shí)孙乖，前端專業(yè)氛圍，對(duì)于前端個(gè)體而言份氧，是一個(gè)較好的環(huán)境唯袄，但是在整體技術(shù)體系的建設(shè)上有一定局限性。

相反蜗帜，分散到業(yè)務(wù)中恋拷，應(yīng)用技術(shù)體系的專業(yè)建設(shè)，跨領(lǐng)域的知識(shí)儲(chǔ)備厅缺，一些組織問(wèn)題帶來(lái)的隔閡會(huì)天然消失蔬顾，對(duì)于業(yè)務(wù)開(kāi)發(fā)者而言是一個(gè)較好的環(huán)境。但是專業(yè)發(fā)展可能會(huì)成為問(wèn)題店归。

視角

合攏成一個(gè)團(tuán)隊(duì)時(shí)阎抒，能夠?qū)⑺星岸藚⑴c的業(yè)務(wù)信息集中在一起，能夠讓這個(gè)團(tuán)隊(duì)(核心人員)有好的業(yè)務(wù)全局視角消痛，但是對(duì)單個(gè)領(lǐng)域的了解和理解深度會(huì)有一定影響且叁。

分散到業(yè)務(wù)中，對(duì)當(dāng)前業(yè)務(wù)領(lǐng)域能夠有更為深入的了解和理解秩伞，能夠在特定領(lǐng)域中創(chuàng)新出特定的解決方案逞带，但是缺乏更大緯度全局視角時(shí)會(huì)有一定的判斷限制（業(yè)務(wù)判斷和技術(shù)判斷）欺矫。

組織靈活性

合攏成一個(gè)團(tuán)隊(duì)時(shí)，同一職能在不同業(yè)務(wù)中的組織靈活性強(qiáng)展氓，能夠在業(yè)務(wù)的張弛中相互協(xié)調(diào)穆趴，但是容易被頻繁的資源協(xié)調(diào)工作占滿自己的日程。

分散到業(yè)務(wù)中遇汞，根據(jù)業(yè)務(wù)域進(jìn)行專門(mén)的支撐未妹，整體的目標(biāo)感，溝通效率等跨職能的協(xié)同角度會(huì)更具優(yōu)勢(shì)空入，但是職能角色的資源靈活性就會(huì)受限络它。

不論以哪種方式來(lái)組織前端的同學(xué)，都需要讓組織更加靈活歪赢，相應(yīng)的關(guān)鍵因素有兩個(gè)：

前端在遵循統(tǒng)一的技術(shù)基礎(chǔ)之上一起建設(shè)支撐業(yè)務(wù)的統(tǒng)一基礎(chǔ)能力化戳。

前端一致的角色價(jià)值認(rèn)知。

這里統(tǒng)一的技術(shù)基礎(chǔ)和一致的角色價(jià)值認(rèn)知埋凯，一實(shí)一虛点楼，對(duì)應(yīng)著技術(shù)的基礎(chǔ)和角色的文化：

統(tǒng)一的技術(shù)基礎(chǔ)，能夠讓一個(gè)組織中的前端在一個(gè)基礎(chǔ)上展開(kāi)工作白对，也能夠讓前端的同學(xué)進(jìn)入不同業(yè)務(wù)時(shí)掠廓，開(kāi)發(fā)的基礎(chǔ)是一致的，也有討論技術(shù)時(shí)相對(duì)一致的談話基礎(chǔ)躏结。統(tǒng)一的技術(shù)基礎(chǔ)可以讓業(yè)務(wù)領(lǐng)域的實(shí)施過(guò)程可以不過(guò)多關(guān)注底層技術(shù)實(shí)現(xiàn)却盘，而更多的聚焦在業(yè)務(wù)解決方案的設(shè)計(jì)和實(shí)現(xiàn)上，可以不斷的沉淀出更有效的業(yè)務(wù)的基礎(chǔ)能力出來(lái)媳拴。

一致的角色價(jià)值認(rèn)知是一個(gè)團(tuán)隊(duì)一個(gè)角色統(tǒng)一的文化黄橘，比如在我的團(tuán)隊(duì)，「鏈接商業(yè)屈溉，設(shè)計(jì)塞关，計(jì)算能力，為用戶提供專業(yè)的人機(jī)交互體驗(yàn)」子巾。這是讓前端們能夠堅(jiān)持前端的初心帆赢，而不會(huì)因?yàn)樯硖幉煌瑘F(tuán)隊(duì)，在做不同業(yè)務(wù)的工作時(shí)出現(xiàn)一些發(fā)展的迷茫线梗。

前端群體發(fā)展方向：「云」和「端」椰于。

「泛前端」或「大前端」的概念喊了很多年了，我認(rèn)同這兩個(gè)詞仪搔，但有一些我自己的邏輯瘾婿。前端當(dāng)初出現(xiàn)的原因是「人機(jī)交互體驗(yàn)」，用什么技術(shù)用什么語(yǔ)言去實(shí)現(xiàn)這個(gè)人機(jī)交互過(guò)程并不關(guān)鍵，但理念和目標(biāo)應(yīng)該是一致的偏陪，甚至在整個(gè)知識(shí)樹(shù)中抢呆，可能除了不同的端、不同語(yǔ)言笛谦、不同端交互的特征之外抱虐，基本知識(shí)結(jié)構(gòu)上不會(huì)相差太多，甚至有差異性的地方還有很好的互相借鑒意義饥脑。

在企業(yè)中恳邀，前端的合作伙伴有非常多。理論上灶轰，作為前端個(gè)體而言轩娶，轉(zhuǎn)型成任何一種角色都挺正常。但對(duì)于一個(gè)群體而言框往，我認(rèn)為在大緯度上會(huì)有兩種方向——「云」和「端」。

「端」容易理解闯捎，在各個(gè)端椰弊，利用各種技術(shù)，完成業(yè)務(wù)產(chǎn)品中的數(shù)據(jù)消費(fèi)瓤鼻，信息架構(gòu)秉版，人機(jī)交互的工作(PC、無(wú)線茬祷、VR清焕、AR等)。

「云」不是通常意義的云計(jì)算祭犯，而是借云計(jì)算和云開(kāi)發(fā)者之間的關(guān)系類比一下秸妥，這里指「端」開(kāi)發(fā)者在完成業(yè)務(wù)產(chǎn)品時(shí)所需要的基礎(chǔ)研發(fā)能力以及產(chǎn)品的能力的提供者。

前端工程師發(fā)展建議：思辨沃粗、容納和好奇心

我們的前端生態(tài)很活躍粥惧，這讓我的心理挺矛盾的。我一方面高興最盅，是因?yàn)榛钴S的社區(qū)才能充滿創(chuàng)造力突雪，而前端又極端的需要?jiǎng)?chuàng)造力。另一方面我又擔(dān)心涡贱，是因?yàn)樵诨钴S的社區(qū)中咏删，明天就有可能天翻地覆，誰(shuí)都不知道我今天選擇的是不是代表未來(lái)问词，有那么點(diǎn)賭博的味道督函；而且頻繁的調(diào)整業(yè)務(wù)實(shí)現(xiàn)方式，困擾的不只是前端自己。

上文曾提到侨核，我們通過(guò)分層架構(gòu)草穆，嘗試從技術(shù)上解決前端技術(shù)體系的頻繁變動(dòng)而導(dǎo)致臨近技術(shù)體系需要被動(dòng)調(diào)整的問(wèn)題。除了技術(shù)上的應(yīng)對(duì)搓译，前端人或甚至說(shuō)技術(shù)人想在這樣的環(huán)境中成長(zhǎng)悲柱，應(yīng)以什么樣的心態(tài)來(lái)應(yīng)對(duì)呢？我有三個(gè)建議：思辨些己、容納和好奇心豌鸡。

思辨

社區(qū)的活躍中，有語(yǔ)言的進(jìn)步段标，有工具的進(jìn)步涯冠。語(yǔ)言是你決定成為前端之后的首先需要牢牢關(guān)注的基石，如果有精力逼庞，應(yīng)該關(guān)注語(yǔ)言的進(jìn)步背后的推動(dòng)力蛇更，這是能夠讓你一定意義上擁有以不變應(yīng)萬(wàn)變的能力。工具是你在目前的社區(qū)上赛糟，在工作中最常談?wù)撟畛Ｓ蒙吓扇危鼈兙邆湟欢ǖ耐ㄓ眯裕瓷先ツ芙鉀Q所有人的某些問(wèn)題璧南，但也更容易被革新掌逛。這部分需要關(guān)注，因?yàn)檫@是你能更好解決問(wèn)題的方法司倚，但不要過(guò)于沉迷于工具豆混，隨著技術(shù)的發(fā)展，面對(duì)問(wèn)題域的進(jìn)一步復(fù)雜化动知，甚至其他工具的發(fā)展皿伺，新的工具會(huì)源源不斷的被發(fā)明，舊的工具一樣會(huì)周而復(fù)始的被拋棄拍柒，這個(gè)生命周期是一定存在的心傀。

容納

所有在社區(qū)中出現(xiàn)的東西，都是為了解決它所在的場(chǎng)景中的問(wèn)題而誕生的拆讯，存在即合理在這個(gè)語(yǔ)境下挺合用的脂男，先開(kāi)放的接受之后，明白自己想要用這個(gè)東西做什么： 學(xué)習(xí)用法? 學(xué)習(xí)解決問(wèn)題的思路? 學(xué)習(xí)代碼的組織方式? 學(xué)習(xí)編程的技巧? 明確這個(gè)問(wèn)題后种呐，會(huì)發(fā)現(xiàn)自己的目的性就明確多了宰翅，也會(huì)發(fā)現(xiàn)學(xué)習(xí)的脈絡(luò)就會(huì)慢慢浮現(xiàn)上來(lái)。

好奇心

做前端需要有充足的好奇心爽室，這個(gè)好奇心是指： 對(duì)所有不熟悉的東西都有興趣去了解一下; 了解之后會(huì)有興趣上手實(shí)踐一下; 實(shí)踐之后有興趣思考一下; 在合適的場(chǎng)景合適的時(shí)機(jī)應(yīng)用一下汁讼，或者優(yōu)化一下。綜合在一起，可以這樣來(lái)描述：

對(duì)新技術(shù)嘿架，新交互形式等新鮮玩意充滿好奇和探索的欲望瓶珊。

從對(duì)用戶的認(rèn)知，對(duì)業(yè)務(wù)的認(rèn)識(shí)耸彪，對(duì)產(chǎn)品的理解伞芹，找到最合適的方式解決問(wèn)題，比一直追在技術(shù)浪潮尖端學(xué)習(xí)來(lái)的幫助更大蝉娜。

不要過(guò)于滿足于任何時(shí)刻的成果唱较，學(xué)會(huì)時(shí)刻的自省，以及有克制的精益求精召川。

很慶幸南缓，在我踏入職場(chǎng)不久就讓我接觸到了前端這個(gè)角色，讓我有機(jī)會(huì)把對(duì)美好設(shè)計(jì)感的追求和技術(shù)的力量疊在一起荧呐，在B類業(yè)務(wù)經(jīng)歷的這段時(shí)間汉形，讓我有更多的機(jī)會(huì)和責(zé)任去思考成為前端的追求，總算略有些成果倍阐，和大家分享获雕。