首先，我們來考慮一下什么是架構：

軟件架構（software architecture）是一系列相關的抽象模式，用于指導大型軟件系統各個方面的設計。

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

開發規范

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

開發模型

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

構建工具

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

此外，由于web前端的產品模式與傳統軟件有很大差異，所以我覺得真正的前端架構師還應該能考慮以下問題：

項目部署

：前端項目部署應該由前端架構師來決定，這里涉及到網絡性能優化和開發規范對接的問題，所以前端架構師要理解工程部署的過程，并把開發和部署打通，否則開發受限于部署，架構設計會遇到阻礙。

組件化與組件生態

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

前端統計

：前端統計包括性能統計、訪問統計、用戶行為統計、錯誤統計、安全監控等，雖然有些統計屬于產品指標，但在大數據時代，前端研發的方向應該有一定的數據做指導，前端架構師必須關心統計數據，并能提供統計方案、統計平臺是一種衡量指標。

前端安全

：這部分也應該有架構師負責的部分。主要是在開發、統計的過程中對前端安全做保障，比如xss修復、頁面腳本注入監控等

系統測試

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

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

當網站的子頁面分類較多的情況下，一般都會選擇使用面包屑導航作為頁面的輔助和補充，有效幫助用戶在網站中快速找到返回的路徑，尤其體現在電商網站上，運用最為廣泛，用戶可以在眾多產品類型中確定自己的位置以及找到目標產品，在一定程度上提高了用戶體驗。

　　網站使用面包屑導航雖然有它的優勢所在，但并不是所有的頁面都適合使用，畢竟它不能在網站上占據主導地位，以免造成對用戶的誤導，那么，網站應如何正確使用面包屑導航呢？

　　首先，上海網站建設在設置面包屑導航的關鍵詞是一定要統一，每一個主目錄和子頁關鍵詞都要精簡且唯一，存在辨別性，這樣能讓用戶在瀏覽網站或者電商購物網站中購買商品時產生疑問，且對自己的當前位置一目了然。同時，所有的分類面包屑的關鍵詞都不能存在有歧義的詞現象，避免重復性。譬如淘寶網的面包屑導航，每一個分類都清晰明了。

　　網站如何正確使用面包屑導航？

　　其次，認識分類少則不使用面包屑的誤區。有些網站認為子頁內容分類少，就沒必要使用面包屑，其實這是一種錯誤的觀念，千選網絡認為，頁面中只要有兩個以上都分類頁面，都有必要使用，畢竟用戶在點擊層級頁面時總會有返回上級頁面的需要，且在沒有記住每個頁面相關內容時，很容易忘記上級頁面內容是什么，因此每次要靠返回按鈕進行操作的話會更加麻煩一些，使用面包屑導航則可對當前頁定位，幫助用戶回到各層級頁面。

　　網站如何正確使用面包屑導航？

　　再者，則是做好主導航與面包屑導航之間的區分，主導航始終承載整個網站的主導地位，而面包屑導航則是起輔助作用，因此用戶在辨識面包屑導航時應起到更加精準的作用，而不是重復主導航已經存在的欄目分類，又或者說用戶在點擊主導航時會猶豫面包屑導航對其產生的干擾，否則面包屑就是去了本該有得價值和意義。

　　最后，在設計面包屑導航時無論分類是否復雜，但都要盡可能的精簡層級，對產品分類或者概括要綜合言簡，避免太多太細的分類讓用戶瀏覽時容易疲勞，當然，這樣的面包屑也有利于網站優化，容易被搜索引擎抓取，同時對提高用戶體驗有一定的幫助。

　　面包屑導航對于每一個網站來說，并非必須品，但卻是精品，最常見的是在電商網站中，有它的存在就像給用戶裝上了另一個指示燈，幫助用戶在網站上找到瀏覽的軌跡并讓他們的需求快速得到滿足。但前提是使用面包屑一定要注意正確的方法。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司