web前端乾貨：詳細瞭解JS前端開發框架都有哪些

　　

　　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上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。