JS前端開發架構常用的有哪些？

JS前端開發架構常用的有哪些？在底層的前端架構領域中，早先是jquery稱霸網際網路，近兩年MVVM類型的架構成為主流，Vue、React和Angular三大架構并駕齊驅。目前這四種是開發者用的最多使用交廣的底層架構。

小編搜集了Web界比較常用的web前端架構分享給大家：

1、Foundation架構

Foundation架構總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給項目中強有力的創造與支援。相對于Bootstrap豐富的元件及插件，Foundation僅提供了有限的幾種元素，其目标是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。

2、、Bootstrap

Bootstrap在業界非常受歡迎，以緻于有很多前端架構都在其基礎上開發，如WeX5就是在Bootstrap源碼基礎上優化而來的。Bootstrap是基于HTML、CSS和Javascript的，簡潔靈活使得Web開發更加靈活。

提供優雅的HTML和CSS規範，在jQuery的基礎上進行更加個性化和人性化的完善。相容大部分jQuery插件，并包含了豐富的Web元件，如下拉菜單、按鈕式下拉菜單、導覽列、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、标簽頁、滾動條和彈出框等。

3、Curl

Curl是一個指令行工具，用于通過HTTP(s)、FTP和數十種其它協定進行請求。使用Curl可以進行檔案下載下傳、檢查響應标題和自由通路遠端資料。在Web開發中，Curl經常和RESTfulAPI一起使用用于測試連接配接。

4、Tree

Tree是一個小型的指令行實用程式，将目錄中的檔案以可視化的方式進行顯示。它采用遞歸運作的方式，周遊每個級别的嵌套并繪制所有内容的格式樹。這樣就能快速的浏覽并查找需要的檔案。

5、Tmux

根據維基的解釋，Tmux是一個終端複用器。通俗的說，它是一個能将多個終端連接配接到單個終端會話的工具。Tmux允許使用者在終端中的程式之間切換，添加螢幕窗格，并将多個終端連接配接到同一個會話，使其保持同步。在遠端伺服器上工作時，Tmux特别有用，因為它允許使用者建立新的頁籤，而無需再次登入

6、du

du指令用于生成關于檔案和目錄的空間使用情況的報告。du很容易使用，可以遞歸地運作，周遊每個子目錄并傳回每個檔案的大小。du的常見用例是：當某個驅動器的空間不足，使用者不清楚每個存儲器的大小。使用此指令可以快速檢視每個檔案夾所占用的存儲空間，進而找到占用最大空間的存儲器。

7、AUI

AUI專為APIClound設計的一套架構，解決了許多移動端開發實際中遇到的許多問題是一個純CSS架構。使用容器+布局+子產品的建構方式，JS輔助，更自由更靈活更易于擴充使用。遵循GoogleMaterial設計規範，完美适配各個機型。面向HTML5，使用CSS3實作動畫互動，輕量級高性能。

8、AmazeUI

據稱是中國首個開源HTML5跨屏前端架構。妹子UI以移動優先為理念，從小屏逐漸到大屏，實作響應式網頁。AmazeUI包含20+個CSS元件、20+個JS元件，更有多個包含不同主題的Web元件。相比國外架構，妹子UI關注中文排版提供本地化支援。面向HTML5開發，使用CSS3來實作動畫互動，輕量級高性能。

9、FrozenUI

FrozenUI是一款開源簡單易用，輕量靈活的移動端架構。基于手Q樣式規範，目前全面應用于企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社群活躍，元件自然不少。包括按鈕、清單、表單、通知、提示條、彈出框、頁籤等等常用元件。還包括一個FrozenJs的JS元件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。