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

千鋒教育qyf發表於2021-03-19

  

webb

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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69996644/viewspace-2763887/,如需轉載,請註明出處,否則將追究法律責任。

相關文章