建站
咨詢
售后
建站咨詢
新聞中心
前端架構(gòu)師,聽(tīng)起來(lái)就是個(gè)很高大上的職位，在大多數(shù)程序員的眼中，架構(gòu)師一般從事后端開(kāi)發(fā)，Java或者C++出身，它們往往擁有這十八般武藝，可以解決業(yè)務(wù)中出現(xiàn)的各種問(wèn)題。好像架構(gòu)師就從來(lái)沒(méi)有和前端有過(guò)關(guān)系，那么真的是這樣么，通讀此文，便可豁然開(kāi)朗。
創(chuàng)新互聯(lián)公司專注于寬城網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供寬城營(yíng)銷型網(wǎng)站建設(shè)，寬城網(wǎng)站制作、寬城網(wǎng)頁(yè)設(shè)計(jì)、寬城網(wǎng)站官網(wǎng)定制、小程序定制開(kāi)發(fā)服務(wù)，打造寬城網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供寬城網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。
前端的意義
首先，我們先來(lái)談?wù)劚韭毠ぷ鳎岸说囊饬x。前端源自用戶界面，是最先和用戶接觸的地方，也是衡量一個(gè)項(xiàng)目產(chǎn)品好壞的第一道關(guān)口。
到底什么是前端
從最早的DOS系統(tǒng)說(shuō)起，那時(shí)是沒(méi)有前端的概念的，大多數(shù)的軟件界面顯示的都是冷冰冰的黑底白字的控制臺(tái)命令，于是，慢慢的不僅是用戶，就連廣大的程序員也不滿足現(xiàn)狀，開(kāi)發(fā)出一套圖形化的用戶界面，讓一些功能更加便于操作。那時(shí)前端叫做GUI(圖形用戶界面)。還沒(méi)有區(qū)分出多端的概念，大多數(shù)是基于操作系統(tǒng)開(kāi)發(fā)出的原生界面。
上圖來(lái)自DOS系統(tǒng)經(jīng)典軟件DOS Navigator
隨著互聯(lián)網(wǎng)的發(fā)展，第一代瀏覽器Netscape(網(wǎng)景瀏覽器)的誕生以及后續(xù)的IE系列瀏覽器的到來(lái)，”網(wǎng)上沖浪“這個(gè)詞逐漸進(jìn)入到大多數(shù)的用戶生活中。直到現(xiàn)在大行其道瀏覽器Chrome，以及國(guó)內(nèi)各種百花齊放的瀏覽器。主要給瀏覽器服務(wù)，實(shí)現(xiàn)各種特效的JavaScript語(yǔ)言，迎來(lái)了第一波春天。
上圖來(lái)自網(wǎng)景瀏覽器
直到現(xiàn)在，前端逐漸拆分成：
web前端(HTML+CSS+JavaScript)，客戶端前端(Android和iOS)。
又或者是網(wǎng)頁(yè)重構(gòu)工程師，JS工程師，UI/UX，切圖仔等等。
那么歸根這些都是為前端服務(wù)的，說(shuō)了這么多，那么前端的價(jià)值到底在哪里呢？
前端的價(jià)值在哪呢？
- 實(shí)現(xiàn)界面交互。
- 提升用戶體驗(yàn)。
第一點(diǎn)是前端的本職工作，是在功能上和后端的主要區(qū)分，也是前端崗位存在的原因。第二點(diǎn)也不必多說(shuō)，前端做得好，對(duì)用戶體驗(yàn)是有益的。如果說(shuō)后端的目標(biāo)和價(jià)值體現(xiàn)在服務(wù)的高性能、高可用、可擴(kuò)展、安全。那么前端的價(jià)值體現(xiàn)就是“用戶”二字。
所以作為一個(gè)合格的前端開(kāi)發(fā)，讓用戶用的舒心(爽)就是目標(biāo)，所以要想完全體現(xiàn)你的價(jià)值，你需要循序漸進(jìn)的完成下面幾個(gè)步驟：
- 根據(jù)產(chǎn)品的邏輯和需求，完成對(duì)應(yīng)業(yè)務(wù)的前端頁(yè)面UI展示，與用戶交互。
- 編寫(xiě)可維護(hù)性高的代碼，減少BUG的產(chǎn)生，保證良好的用戶體驗(yàn)。
- 在完成功能的同時(shí)，能夠熟悉現(xiàn)有業(yè)務(wù)，并提出可持續(xù)改進(jìn)的地方，并付諸實(shí)施優(yōu)化。
看了上面的幾條，是不是有種似曾相識(shí)的感覺(jué)，是不是很像一則招聘信息的JD。其實(shí)沒(méi)錯(cuò)，作為一個(gè)企業(yè)來(lái)講，招聘一名前端開(kāi)發(fā)，肯定要能夠?yàn)槠髽I(yè)帶來(lái)價(jià)值，這本身也是你的價(jià)值體現(xiàn)。
但是，我想說(shuō)的是，看似簡(jiǎn)簡(jiǎn)單單的3條內(nèi)容，你真的理解么。第一條和第二條是你技術(shù)上的能力體現(xiàn)，這部分完全靠你的技術(shù)積累，那么第三條便是你主關(guān)能動(dòng)性的體現(xiàn)，這部分可發(fā)揮的地方很多，一個(gè)新人和一個(gè)工作經(jīng)驗(yàn)豐富的人差距可能就體現(xiàn)在這里，具體我們后面再說(shuō)。
但是，還想說(shuō)的是，單純的完成上面的3條步驟，那么還是只能說(shuō)明你是一個(gè)合格的前端開(kāi)發(fā)，這與架構(gòu)師還是有一定的距離的。
前端價(jià)值體現(xiàn)真的很重要么？
好吧，上面我們了解了前端的價(jià)值，并且各位前端開(kāi)發(fā)還在辛辛苦苦的體現(xiàn)著自己的價(jià)值，但是讓人糾結(jié)的，前端是有價(jià)值，但這價(jià)值真的很重要嗎？
和非前端之外的技術(shù)相比
對(duì)于一個(gè)成熟的產(chǎn)品業(yè)務(wù)而言，前端往往是很薄的一層，這一層賦予你的功能，大多是就是頁(yè)面的UI展示和用戶交互。
雖說(shuō)前端是產(chǎn)品和用戶之間的第一道關(guān)口，但也只是第一道關(guān)口，后面可能還有十幾道關(guān)口。例如搞后端邏輯的，搞底層數(shù)據(jù)庫(kù)的，搞網(wǎng)絡(luò)安全的，搞運(yùn)維的，搞大數(shù)據(jù)分析的，或者是現(xiàn)在流行的機(jī)器學(xué)習(xí)的相關(guān)人員。每一個(gè)相關(guān)模塊都自己獨(dú)立的技術(shù)體系，可以說(shuō)這些缺一不可。
所以，前端和這些前端之外的技術(shù)相比，就體現(xiàn)的并不是那么”非你不可“了。就是說(shuō)前端的確有價(jià)值，但放在全局來(lái)看，前端產(chǎn)生的價(jià)值并非核心價(jià)值。
對(duì)產(chǎn)品業(yè)務(wù)的重要性
舉一個(gè)現(xiàn)在比較實(shí)際的例子，對(duì)于前端開(kāi)發(fā)而言，在一些一線的互聯(lián)網(wǎng)企業(yè)例如BAT等等，這些公司對(duì)前端開(kāi)發(fā)的重視程度還是不錯(cuò)的，有著自己的產(chǎn)品業(yè)務(wù)線，整個(gè)前端技術(shù)有著不錯(cuò)的氛圍，并且能夠使用前端技術(shù)持續(xù)提升產(chǎn)品的用戶體驗(yàn)。
但是對(duì)于一些其他的中小型公司或者企業(yè)(我相信各位并非都來(lái)自BAT吧)，很多前端開(kāi)發(fā)的技術(shù)含量并不是很高，特別是對(duì)于一些toB的業(yè)務(wù)來(lái)說(shuō)，核心的功能都來(lái)自于后端，來(lái)自于數(shù)據(jù)庫(kù)的優(yōu)化?；蛘呤菍?duì)于一些比較突出亮點(diǎn)的AI功能性產(chǎn)品，這些產(chǎn)品的核心競(jìng)爭(zhēng)力甚至可能來(lái)自于硬件和算法。而前端在里面扮演的角色大多數(shù)是UI展示，數(shù)據(jù)可視化等等這些。而且很多工作屬于重復(fù)性勞動(dòng)，甚至有些可能還被后端開(kāi)發(fā)來(lái)兼職做了。
所以，對(duì)于一個(gè)業(yè)務(wù)的重要性而言，前端能夠體現(xiàn)其價(jià)值的地方還是很有限的。
當(dāng)然，這里說(shuō)了這么多，并不是給大家傳輸一種：前端不行了，趕快轉(zhuǎn)行吧，這種思想，當(dāng)然我們還是要吃飯的，這里想說(shuō)的是讓大家時(shí)刻保持一種危機(jī)感，只有這種危機(jī)感，才是讓我們不斷的對(duì)技術(shù)進(jìn)行深究和進(jìn)階，不斷發(fā)展不斷前行的動(dòng)力。
前端技術(shù)的進(jìn)階
在成為一名架構(gòu)師之前，你需要有充分的技術(shù)儲(chǔ)備，這些技術(shù)儲(chǔ)備可能不止限制于前端技術(shù)。當(dāng)然這里，我先介紹一些前端技術(shù)需要如何去進(jìn)階。
性能優(yōu)化
在大廠工作過(guò)的同仁應(yīng)該都知道，性能優(yōu)化是一個(gè)敲門(mén)磚，因?yàn)槿绻ズ饬恳粋€(gè)前端開(kāi)發(fā)是否真正的有經(jīng)驗(yàn)，性能優(yōu)化是一個(gè)分水嶺，其相關(guān)流程主要涵蓋：
- 首先是如何發(fā)現(xiàn)問(wèn)題。
- 發(fā)現(xiàn)問(wèn)題之后，是如何分析其中原因。
- 找到原因之后，采用的解決辦法。
- 解決之后，是否真實(shí)的對(duì)用戶體驗(yàn)有所提升。
從這些問(wèn)題中，可以衍生出各種值得深究的問(wèn)題，并且可以從中找出一些方法論問(wèn)題，所以性能優(yōu)化是一項(xiàng)非常重要的點(diǎn)，當(dāng)然，我們?cè)谶@里就不說(shuō)具體有哪些優(yōu)化了，推薦讀一讀《移動(dòng)web性能優(yōu)化從入門(mén)到進(jìn)階》這篇文章。
對(duì)框架的理解
如果你想成為一名架構(gòu)師，不能只停留在框架的 API 使用層面。
對(duì)于當(dāng)下最流行的3個(gè)前端框架Vue，React，Angular來(lái)說(shuō)，掌握其基本的用法是必要的，但是也是最簡(jiǎn)單的，現(xiàn)在網(wǎng)上有各種各樣的課程，可以讓一個(gè)剛畢業(yè)的實(shí)習(xí)生就能輕松入門(mén)，并達(dá)道做項(xiàng)目的能力。所以說(shuō)，為什么一個(gè)需求，給一個(gè)實(shí)習(xí)生就能做，為什么要選擇你呢？
所以，掌握框架的原理，并理解其中的思想，舉一反三，是和大多數(shù)前端程序員拉開(kāi)差距的關(guān)鍵所在，在這里給大家以Vue舉幾個(gè)例子，看看你是否真正掌握。
- Vue中的雙向綁定，只是簡(jiǎn)單的Object.defineProperty()么？
- Vue的數(shù)據(jù)依賴是如何實(shí)現(xiàn)的？
- Vue的computed和watch到底有何本質(zhì)區(qū)別？
- keep-alive的實(shí)現(xiàn)原理？
大家不妨試試去理解一下這幾個(gè)問(wèn)題的根本點(diǎn)，試試從源碼里來(lái)找到答案。理解源碼的同時(shí)，有利于對(duì)框架本身的理解，對(duì)于提升解決問(wèn)題的能力，以及減少出現(xiàn)BUG的幾率，有所幫助。
深入Node.js領(lǐng)域
Node.js是讓前端工程師能夠觸及后端邏輯的一個(gè)利器，也給了我們搶后端飯碗的正當(dāng)理由，但是這里的Node.js并不是單獨(dú)的指后端邏輯的開(kāi)發(fā)。例如現(xiàn)在的前端工程化體系中，扮演重要角色的webpack，parcel，vue-cli等等，或者是現(xiàn)在讓JavaScript能夠開(kāi)發(fā)PC桌面程序的Electron，都和Node.js密不可分，在這里給大家舉幾個(gè)例子，可以嘗試一下從這幾個(gè)點(diǎn)來(lái)進(jìn)階：
- 與瀏覽器端的JavaScript不同，Node.js后端是直面服務(wù)器的，如何定位和分析內(nèi)存泄漏問(wèn)題。
- 嘗試寫(xiě)一些webpack插件。
Canvas與WebGL
WebGL是基于OpenGL的Web3D圖形規(guī)范，是一套JavaScript的API。簡(jiǎn)單來(lái)說(shuō)，可以把它看成是3D版的Canvas，當(dāng)然，提到這個(gè)方向，可能有些人會(huì)覺(jué)得有點(diǎn)偏了。的確對(duì)于大多數(shù)前端開(kāi)發(fā)來(lái)說(shuō)，使用WebGL相關(guān)的3D處理技術(shù)和算法，并不需要掌握復(fù)雜的算法或者數(shù)學(xué)知識(shí)，只需要學(xué)會(huì)three.js就行了。
但是基于Canvas或者WebGL可以提供給我們針對(duì)一些特定問(wèn)題的解決方案。同樣在這里給大家舉幾個(gè)例子：
- 實(shí)現(xiàn)一個(gè)刮刮卡或者涂鴉墻的業(yè)務(wù)需求。
- 圖片上傳時(shí)進(jìn)行壓縮和裁剪。
- 在實(shí)現(xiàn)幀動(dòng)畫(huà)方面，使用CSS3和Canvas的選擇。
上面幾個(gè)場(chǎng)景，就好比你拿到這些需求時(shí)，如果你根本不了解Canvas或者WebGL，你可能根本想不到有這些技術(shù)方案可以解決這些問(wèn)題，所以，并不是說(shuō)對(duì)Canvas或WebGL理解的多么透徹，但是作為一個(gè)架構(gòu)師而言，你需要有一些技術(shù)廣度，來(lái)拓寬你的技術(shù)棧，也就提升了你解決問(wèn)題的能力。
通往架構(gòu)師之路
說(shuō)道這里，好像才進(jìn)入正題?；镜倪M(jìn)階知識(shí)是你晉升成為成為高級(jí)前端的必要條件，但卻不是你成為一名架構(gòu)師的核心。正所謂一專多長(zhǎng)，首先你得先精通一門(mén)。前端知識(shí)的進(jìn)階正是通往架構(gòu)師的突破口，所以首先需要明白一點(diǎn)：掌握前端技術(shù)的同時(shí)，你還要學(xué)了解前端技術(shù)之外的技能。跳出前端這個(gè)思維，才能看到的更多。那么如果你想從一個(gè)前端資深人員進(jìn)階架構(gòu)師，來(lái)看看下面的內(nèi)容吧。
跨界
如果你只會(huì)寫(xiě)前端頁(yè)面，那么無(wú)論你的功力練到多么爐火純青的地步，那么也只能稱為你是一個(gè)HTML高手。真正的架構(gòu)師是需要有跨界的能力的，隨著技術(shù)的持續(xù)完善，這種通過(guò)崗位變遷實(shí)現(xiàn)技術(shù)架構(gòu)升級(jí)的情況會(huì)越來(lái)越少。而架構(gòu)層面新的變化將來(lái)自于崗位自發(fā)的對(duì)自身工作內(nèi)容、職責(zé)的重新定義，也就是這里說(shuō)的邊界。所以說(shuō)并不是你作為一個(gè)前端開(kāi)發(fā)崗位，你就不能干前端之外的事了，要嘗試跳出邊界來(lái)思考和解決問(wèn)題。
頁(yè)面的秒開(kāi)是衡量一個(gè)前端優(yōu)化的重要指標(biāo)，我們以這個(gè)優(yōu)化點(diǎn)來(lái)總結(jié)一下從哪些方面跨：
- 提升速度，從服務(wù)端渲染著手，可以利用Node.js往后端跨。
- 提升移動(dòng)web的H5頁(yè)面的啟動(dòng)耗時(shí)，從webview著手，利用iOS和Android技能往客戶端跨。
用戶交互操作體驗(yàn)，也是衡量前端優(yōu)化的重要指標(biāo)，我們以這個(gè)優(yōu)化點(diǎn)來(lái)總結(jié)一下從哪些方面跨：
- 提升用戶交互體驗(yàn)，嘗試將web頁(yè)面客戶端化，基于React Native或者Weex，也可以往客戶端跨。
- 提升頁(yè)面動(dòng)畫(huà)效果，編寫(xiě)高性能的前端動(dòng)畫(huà)，也可以往UI動(dòng)效設(shè)計(jì)跨。
合理的跨界，可以讓架構(gòu)師對(duì)于業(yè)務(wù)的整體有深層次的認(rèn)識(shí)，針對(duì)各種問(wèn)題可以提出非前端之外的解決方案。
嘗鮮
技術(shù)是不斷發(fā)展的，作為一個(gè)架構(gòu)師，不斷學(xué)習(xí)新的技術(shù)是非常重要的，這里所說(shuō)的嘗鮮，就是要對(duì)技術(shù)保持一定的熱情，不能只滿足于現(xiàn)狀，說(shuō)白了講就是要不斷的學(xué)。
- 習(xí)慣了jQuery開(kāi)發(fā)頁(yè)面，不妨試試Vue，React。
- 寫(xiě)了很久的ES5代碼，學(xué)學(xué)ES6也不錯(cuò)。
- 沉醉在HTML，CSS，JavaScript開(kāi)發(fā)頁(yè)面，不妨學(xué)學(xué)Flutter。
- 打造高性能的Web App，試試Service Worker。
- 從HTTP協(xié)議觸發(fā)，改造升級(jí)spdy和HTTP2，嘗試一下HTTP3。
- 嘗試一下新的編程語(yǔ)言：WebAssembly。
- 知道為服務(wù)，但你知道微前端嗎。
上面列舉的嘗鮮技能，是完全可以從一個(gè)前端的角度觸發(fā)，來(lái)不斷深入的，保持對(duì)每一個(gè)新技術(shù)的求知欲，是一名架構(gòu)師必不可少的。
工具和平臺(tái)化建設(shè)
只會(huì)寫(xiě)代碼的程序員只能叫碼農(nóng)。
當(dāng)技術(shù)達(dá)到一定的高度時(shí)，能夠?yàn)闃I(yè)務(wù)再次提升的能力就會(huì)逐漸變少，那么我們不如跳出技術(shù)本身，來(lái)改善業(yè)務(wù)周邊的工具平臺(tái)，同樣來(lái)為業(yè)務(wù)服務(wù)。作為一名架構(gòu)師，要有這種能力。
提到工具平臺(tái)，大家很快就能跟自己的團(tuán)隊(duì)里面的一些工具聯(lián)系起來(lái)。這里主要跟大家探討一下，我們的工具體系要用什么的思路去規(guī)劃和review，也看一下我們還有那些可以進(jìn)一步去完善的點(diǎn)。
為了通俗一點(diǎn)，同樣舉幾個(gè)工具平臺(tái)的例子：
- 針對(duì)開(kāi)發(fā)調(diào)試，需要有一些提升開(kāi)發(fā)效率的工具，例如移動(dòng)web常用的Fiddler，或者是小程序模擬器。
- 針對(duì)性能檢測(cè)，需要有一些能夠進(jìn)行壓力測(cè)試，發(fā)布后線上回歸測(cè)試的工具，例如騰訊wetest等。
- 針對(duì)統(tǒng)計(jì)分析，每個(gè)業(yè)務(wù)都需要能夠提供給產(chǎn)品人員觀察數(shù)據(jù)的工具，當(dāng)然由于數(shù)據(jù)敏感性，這里一般每個(gè)團(tuán)隊(duì)有內(nèi)部的工具，對(duì)外的類似工具例如Google分析等。
可以看出來(lái)工具平臺(tái)主要就是圍繞我們的研發(fā)流程中的每一步關(guān)鍵節(jié)點(diǎn)去建設(shè)起來(lái)的，結(jié)合起來(lái)說(shuō)，我們可以稱之為工程化。工程化是這幾年非常熱門(mén)的概念，對(duì)前端來(lái)講也是一個(gè)很明確的前端發(fā)展方向，其實(shí)工具平臺(tái)的完善過(guò)程就是架構(gòu)工程化的推進(jìn)過(guò)程。
身為一名架構(gòu)師，你需要有敏銳的嗅覺(jué)來(lái)洞悉這些節(jié)點(diǎn)。并且在適當(dāng)?shù)臅r(shí)機(jī)能夠做出對(duì)業(yè)務(wù)有提升的工具平臺(tái)，要做到遇到重復(fù)性的問(wèn)題時(shí)，想想是不是開(kāi)發(fā)出一款自動(dòng)化工具平臺(tái)來(lái)處理，這才是代碼之外對(duì)業(yè)務(wù)提升解決方案。
流程和規(guī)范化
身為一名架構(gòu)師，對(duì)流程的制定和規(guī)范，是非常重要的。不要小瞧規(guī)范的威力，可以極大的提升開(kāi)發(fā)效率，真正優(yōu)秀的規(guī)范不會(huì)讓使用者感到約束，而是能幫助他們快速定位問(wèn)題，提升效率。這里的規(guī)范，總結(jié)起來(lái)可以分為成：
- 結(jié)構(gòu)的規(guī)范：對(duì)項(xiàng)目的代碼結(jié)構(gòu)，不管前后端，合理的分層和組件化是非常必要的。
- 編碼的規(guī)范：這里主要就是代碼codereview了，定期的進(jìn)行codeview的同時(shí)，最好可以使用一些自動(dòng)化工具。
- 流程的規(guī)范：項(xiàng)目的評(píng)審，研發(fā)，測(cè)試，發(fā)布這些階段都需要有流程來(lái)約束，這些需要結(jié)合自身團(tuán)隊(duì)的實(shí)際情況來(lái)制定。
- 規(guī)范的落地：對(duì)于規(guī)范來(lái)說(shuō)最關(guān)鍵的是執(zhí)行落地，在制定完規(guī)范的同時(shí)，要不時(shí)的回顧是否切實(shí)的落地，這個(gè)應(yīng)該是團(tuán)隊(duì)里每個(gè)成員堅(jiān)持的基本準(zhǔn)則。
方法論
所謂方法論，可能單單說(shuō)起來(lái)是比較抽象的，這里的方法論，主要是指在完成一項(xiàng)小的需求，或者是承接一個(gè)重大的項(xiàng)目，在具體的實(shí)施過(guò)程中，要有一定的方法和技巧，相信大家都看過(guò)《穹頂之下》這個(gè)視頻，就是很強(qiáng)的方法論體現(xiàn)。其實(shí)說(shuō)白了講就是做事要有套路，這里就舉一個(gè)性能優(yōu)化的例子。
在性能優(yōu)化時(shí)，我們?nèi)绾巫C明優(yōu)化是有效果的，可以采用“三明治法則”(自己起的名字)：
- 首先優(yōu)化前，我們需要找到問(wèn)題的現(xiàn)狀，并且要有數(shù)據(jù)能夠佐證優(yōu)化前的狀態(tài)。所以就要學(xué)會(huì)去收集數(shù)據(jù)。
- 有了數(shù)據(jù)之后，我們?cè)谶M(jìn)行對(duì)數(shù)據(jù)分析的同時(shí)，就需要找到問(wèn)題出現(xiàn)的原因，并且付諸實(shí)施解決。這個(gè)階段，就需要記錄具體的優(yōu)化原理。
- 優(yōu)化之后，就要想方設(shè)法去驗(yàn)證，并且在驗(yàn)證過(guò)程中，同樣需要收集數(shù)據(jù)。
到此，我們就有了 優(yōu)化前數(shù)據(jù)，優(yōu)化的原理，優(yōu)化后的數(shù)據(jù)。通過(guò)數(shù)據(jù)對(duì)比，我們就可以很輕易的去佐證我們這次優(yōu)化是有成效的，并且可以做出一份很漂亮的總結(jié)，作為一名架構(gòu)師而言，這是一個(gè)很好的樹(shù)立威信的場(chǎng)景體現(xiàn)。
我們可以在發(fā)散開(kāi)來(lái)，上面的三步驟可以再次迭代，也就是說(shuō)，第一次優(yōu)化，我們達(dá)到了效果，但是深究之后，還可以再次進(jìn)行優(yōu)化，每次優(yōu)化都有數(shù)據(jù)佐證，這就是性能優(yōu)化的方法論。
安全意識(shí)
這里為什么要把安全單獨(dú)拿出來(lái)說(shuō)呢，因?yàn)閷?duì)于一個(gè)業(yè)務(wù)而言，安全是第一要素，就好比一個(gè)國(guó)家，安全穩(wěn)定才是發(fā)展一切的前提，一旦業(yè)務(wù)出現(xiàn)安全問(wèn)題，就可能瞬間損失掉全部，代價(jià)是非常慘重的。所以作為一名架構(gòu)師，必須要保證業(yè)務(wù)的穩(wěn)定性，可以總結(jié)以下幾點(diǎn)：
- 對(duì)低級(jí)的的代碼安全問(wèn)題，要堅(jiān)決說(shuō)不，例如前端里面的xss，csrf這些問(wèn)題。
- 對(duì)大型運(yùn)營(yíng)類活動(dòng)需求，要有容災(zāi)意識(shí)和備份，例如在準(zhǔn)備了一套方案的同時(shí)，要有可選的備用方案。
- 嘗試使用工具化來(lái)解決和預(yù)防安全問(wèn)題，例如BAT這種大型企業(yè)，在運(yùn)維和代碼層面，都有一層保障機(jī)制，如騰訊的門(mén)神系統(tǒng)等。
團(tuán)隊(duì)合作
沒(méi)有完美的個(gè)人，卻有完美的團(tuán)隊(duì)。
即使是一名架構(gòu)師，我相信他也不是一直在一個(gè)人戰(zhàn)斗，一個(gè)優(yōu)秀的產(chǎn)品業(yè)務(wù)，總是誕生于團(tuán)隊(duì)，所以時(shí)刻保持和團(tuán)隊(duì)人員的溝通是必不可少的，這些溝通不限于日常的文字，或者會(huì)議，甚至私下的團(tuán)建活動(dòng)，都是可以相互了解的。
所以團(tuán)隊(duì)合作的目的就是讓團(tuán)隊(duì)中的每個(gè)人都能明確自己的職責(zé)，并發(fā)揮出最大的價(jià)值，架構(gòu)師有義務(wù)來(lái)維護(hù)這種合作關(guān)系。并且對(duì)你的認(rèn)同，也是團(tuán)隊(duì)成員賦予你的，維護(hù)良好的氛圍，才能讓團(tuán)隊(duì)成員信服。
最后，總結(jié)一下，對(duì)前端架構(gòu)師理解的一些誤區(qū)：
- 架構(gòu)師并不等于全棧工程師。
- 架構(gòu)師切忌完全脫離代碼，但是也不要一直悶著頭寫(xiě)代碼。
- 架構(gòu)師應(yīng)當(dāng)跳出技術(shù)本身，從全局的角度來(lái)看的業(yè)務(wù)，發(fā)現(xiàn)并解決問(wèn)題。
- 任何項(xiàng)目的架構(gòu)都不是一開(kāi)始制定好就是一成不變的，它應(yīng)該是不斷迭代和演進(jìn)的，架構(gòu)師有義務(wù)來(lái)保證架構(gòu)的創(chuàng)新性。
最后，希望各位前端同仁，能夠在成為架構(gòu)師的道路上，披荊斬棘，一帆風(fēng)順！
當(dāng)前名稱：前端開(kāi)發(fā)與架構(gòu)師
URL網(wǎng)址：http://m.5511xx.com/article/cojhjde.html
