首先，我們來考慮一下什么是架構(gòu)：

軟件架構(gòu)（software architecture）是一系列相關(guān)的抽象模式，用于指導(dǎo)大型軟件系統(tǒng)各個方面的設(shè)計。

傳統(tǒng)軟件架構(gòu)描述的對象是直接構(gòu)成系統(tǒng)的抽象組件，側(cè)重于系統(tǒng)的抽象、拆分、組織方式等。所以如果從傳統(tǒng)軟件架構(gòu)定義出發(fā)，前端架構(gòu)可能就是指前端項目的系統(tǒng)設(shè)計了。在進行系統(tǒng)設(shè)計之前，由于前端開發(fā)語言缺乏一定的工程能力，所以web前端架構(gòu)師相比傳統(tǒng)軟件架構(gòu)師還應(yīng)該能提供以下開發(fā)基礎(chǔ)的支持：

開發(fā)規(guī)范

：開發(fā)規(guī)范設(shè)計非常重要，設(shè)計良好的開發(fā)規(guī)范應(yīng)該以實用性為前提，可以提升開發(fā)效率，降低維護成本。常見的規(guī)范主要是針對模塊化開發(fā)定義的，想象一下，下面的規(guī)范示意圖是不是能對開發(fā)和維護有極大的幫助：

開發(fā)模型

：主要是模塊化開發(fā)。前端由于編程語言的問題，沒有原生的模塊化支持，所以架構(gòu)師在做架構(gòu)設(shè)計之前，要先提供模塊開發(fā)體系。模塊化開發(fā)體系設(shè)計挺復(fù)雜的，完整的模塊化體系要統(tǒng)一js、css和模板的模塊化處理，此外，js、css模板中的資源（圖片等）引用也是要考慮的問題。此外，模塊化框架肩負著資源的加載控制，要面對性能優(yōu)化，所以，好的架構(gòu)師給出的模塊化方案應(yīng)該是能把性能優(yōu)化做到框架中，性能是一個工程問題！

構(gòu)建工具

：還是由于前端開發(fā)語言的問題，前端還需要構(gòu)建工具配合，才能完成開發(fā)規(guī)范、開發(fā)模型的落地實現(xiàn)。這部分也許有人認為是非必須的，但是我可以給出完整論證證明標準前端項目必須經(jīng)過構(gòu)建，這里就不展開了。總之，前端架構(gòu)師在給出規(guī)范、模型之后，還要給出配套的工具來保證它們的實現(xiàn)。web前端架構(gòu)師至少要提供以上3項之后才能開展正式的架構(gòu)設(shè)計，我覺得這部分是衡量一個架構(gòu)師設(shè)計能力的重要指標之一。基礎(chǔ)搞定了，架構(gòu)設(shè)計的開展才能順利。沒有標準的模塊化支持，架構(gòu)設(shè)計很難做。

此外，由于web前端的產(chǎn)品模式與傳統(tǒng)軟件有很大差異，所以我覺得真正的前端架構(gòu)師還應(yīng)該能考慮以下問題：

項目部署

：前端項目部署應(yīng)該由前端架構(gòu)師來決定，這里涉及到網(wǎng)絡(luò)性能優(yōu)化和開發(fā)規(guī)范對接的問題，所以前端架構(gòu)師要理解工程部署的過程，并把開發(fā)和部署打通，否則開發(fā)受限于部署，架構(gòu)設(shè)計會遇到阻礙。

組件化與組件生態(tài)

：由于前端面向的是界面設(shè)計，所以在模塊化之上還有組件化開發(fā)模型需要架構(gòu)師提供。此外，項目中一些可復(fù)用的模塊或組件應(yīng)該有一定的復(fù)用渠道，這部分我稱之為生態(tài)。架構(gòu)師應(yīng)該提供這樣的渠道來解決多個團隊或項目之間的代碼復(fù)用問題。

前端統(tǒng)計

：前端統(tǒng)計包括性能統(tǒng)計、訪問統(tǒng)計、用戶行為統(tǒng)計、錯誤統(tǒng)計、安全監(jiān)控等，雖然有些統(tǒng)計屬于產(chǎn)品指標，但在大數(shù)據(jù)時代，前端研發(fā)的方向應(yīng)該有一定的數(shù)據(jù)做指導(dǎo)，前端架構(gòu)師必須關(guān)心統(tǒng)計數(shù)據(jù)，并能提供統(tǒng)計方案、統(tǒng)計平臺是一種衡量指標。

前端安全

：這部分也應(yīng)該有架構(gòu)師負責的部分。主要是在開發(fā)、統(tǒng)計的過程中對前端安全做保障，比如xss修復(fù)、頁面腳本注入監(jiān)控等

系統(tǒng)測試

：很多人總是嘗試用API測試方法論中的單元測試來測試前端項目，其實是片面的。前端測試屬于GUI測試范疇，前端項目中使用的框架、類庫一般由外部提供，已經(jīng)由API測試做了質(zhì)量保證，而項目中的測試應(yīng)該主要集中在GUI測試上，這部分目前沒有好的解決方案做支撐，所以也沒有什么好的衡量辦法。以上就是我覺得衡量前端架構(gòu)師的基本要求，現(xiàn)在已經(jīng)不在是“寫一個jquery就是架構(gòu)師”的時代了，前端本應(yīng)該是一個系統(tǒng)化、工程化的理論體系，涉及到很多方面，前端工程師的工程化意識應(yīng)該加強。

或許現(xiàn)在很多企業(yè)和團隊尚未重視前端工程，或許前端工程在很多人眼里還只是“構(gòu)建工具”的代名詞，又或許未來前端領(lǐng)域的變革使得一切工程問題從根本上得到解決。不管怎樣，我只是希望當下能認真的記錄自己在前端工程領(lǐng)域的所見所想，與正在經(jīng)歷前端工程化改進，并被此過程困擾的同學交流心得。

建站的網(wǎng)址選擇關(guān)乎這個網(wǎng)站的生死存亡，并不光是一個標記而已，網(wǎng)址在很大程度上也是重要的資源，需要慎重看待。那么建網(wǎng)站在網(wǎng)址方面會有哪些容易受到困擾的問題呢？當公司準備對外開發(fā)自己的網(wǎng)站時，需要靠思考的事情是怎樣給網(wǎng)站取一個適合的名字，網(wǎng)址是企業(yè)電商走向成功的捷徑，在網(wǎng)址選擇時需要核心思考兩個問題，一個是網(wǎng)址的后綴，另個是主體部分。

建網(wǎng)站在網(wǎng)址方面會困擾的問題

　　并不是全部網(wǎng)址都在搜索引擎中有信息記錄，所以每天過期的網(wǎng)址未嘗不是好的網(wǎng)址。在網(wǎng)址選擇上首先把握最初的有寓意原則是必要，另外需綜合思考的便是二手網(wǎng)址在搜索引擎中的呈現(xiàn)。分析網(wǎng)址的表現(xiàn)情況，檢查是不是存在不良殘留信息，查看外鏈數(shù)量，或者查看是不是擁有權(quán)重，是不是分類目錄收錄，都是衡量二手網(wǎng)址的重要指標。甚至于國內(nèi)要查看是網(wǎng)址是不是備案，但是好網(wǎng)址可遇不可求，抓到好網(wǎng)址該出手時就出手，不然恐為人后。

　　網(wǎng)址選擇好了，主機也準備到位了，下面接著就可以規(guī)劃網(wǎng)站的架構(gòu)，網(wǎng)站的架構(gòu)布局不能按自己意愿行事，還需要思考客戶的瀏覽習慣和瀏覽行為，瀏覽次序等，此外為了能獲得排名，還需要去滿足和迎合搜索引擎網(wǎng)絡(luò)爬蟲的規(guī)則。如果想要建一個網(wǎng)站，申請一個網(wǎng)址基本上是最為基礎(chǔ)的一個條件。網(wǎng)絡(luò)上有很多關(guān)于網(wǎng)址選擇的時候要遵循的一些原則特色，然而一定要記住，盡可能的讓他保持好記簡短。大部分的公司網(wǎng)站在上線網(wǎng)站的時候，都基本上都是找建站企業(yè)制作，在網(wǎng)址選擇上盡量和自己的品牌名稱接近。可以說網(wǎng)站從開始就有一個底子。

　　網(wǎng)址選擇后使用年限可以多開幾年，讓搜索引擎覺得會長期經(jīng)營下去。建站后要完全改完后才能夠上線，切勿上線后大幅度的變動。很多站長覺得，網(wǎng)址選擇怎么會有那么多講究，實際上萬丈高樓平地起，基礎(chǔ)要打牢固。網(wǎng)址還要盡量思考短，字母少，輸入簡單，并且越短的網(wǎng)址越高大上。通過將優(yōu)化概念融入網(wǎng)站的程序，功能規(guī)劃等方面。要帶有seo元素，符合搜索引擎規(guī)范。

　　網(wǎng)址應(yīng)該著眼于盡可能讓訪問者易訪問，易傳播的角度上考慮，因此說站長在選擇的時候切勿太急著做決定，要知道選擇一個合適的網(wǎng)址可以為網(wǎng)站帶來難以估量的價值！網(wǎng)站的目標用戶群的區(qū)域分布決定了網(wǎng)址選擇的地域，如網(wǎng)站的目標是國內(nèi)客戶，那么使用拼音是合適的，中國人是了解其含意的，然而如果是面向國外的客戶就不合適了，這也是會造成困擾的問題。網(wǎng)址一定要新的，不要那些二手網(wǎng)址，由于有可能有些網(wǎng)址進入了搜索引擎黑名單，這樣給后面的優(yōu)化帶來相當大的麻煩。

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計公司  網(wǎng)站制作公司