好用的Web前端開發框架有哪些呢?推薦這9款

千鋒武漢發表於2021-09-09

       對於一個程式設計師來學選擇一款好用的開發工具可以大大提高工作效率,底層前端框架領域中早先jquery稱霸。近年MVVM型別的框架成為主流,Vue、React和Angular三大框架較為常見。今天小千就介紹一些好用的 框架供大家選擇:

68

       一、 Foundation框架

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

       二、 Bootstrap

       Bootstrap在業界非常受歡迎,以致於有很多前端框架都在其基礎上開發,如WeX5就是在Bootstrap原始碼基礎上最佳化而來。Bootstrap是基於HTML、CSS和Javascript的,簡潔靈活使得Web開發更加敏捷。提供優雅的HTML和CSS規範,在jQuery的基礎上進行更加個性化和人性化的完善。相容大部分jQuery外掛,幷包含了豐富的Web元件,如下拉選單、按鈕式下拉選單、導航條、按鈕組、分頁、縮圖、進度條和媒體物件等。自帶了13個jQuery外掛,其中有模式對話方塊、標籤頁、捲軸和彈出框等。

       三、Curl

       Curl是一個命令列工具,用於透過HTTP(s)、FTP和數十種其它協議進行請求。使用Curl可以進行檔案下載、檢查響應標題和自由訪問遠端資料。在Web開發中Curl經常和RESTfulAPI一起使用用於測試連線。  

       四、Tree

       Tree是一個小型的命令列實用程式,將目錄中的檔案以視覺化的方式進行顯示。它採用遞迴執行的方式,遍歷每個級別的巢狀並繪製所有內容的格式樹。這樣就能快速的瀏覽並查詢需要的檔案。

       五、Tmux

       根據維基的解釋,Tmux是一個終端複用器。通俗的說,它是一個能將多個終端連線到單個終端會話的工具。Tmux允許使用者在終端中的程式之間切換,新增螢幕窗格,並將多個終端連線到同一個會話,使其保持同步。在遠端伺服器上工作時,Tmux特別有用,允許使用者建立新的選項卡而無需再次登入。

       六、du

       du命令用於生成關於檔案和目錄的空間使用情況的報告。du很容易使用,可以遞迴地執行,遍歷每個子目錄並返回每個檔案的大小。du常見用例:當某個驅動器的空間不足,使用者不清楚每個儲存器的大小。使用此命令可以快速檢視每個資料夾所佔用的儲存空間,從而找到佔用最大空間的儲存器。

       七、 AUI

       AUI專為APIClound設計的一套框架,解決了許多移動端開發實際中遇到的許多問題是一個純CSS框架。使用容器+佈局+模組的構建方式,JS輔助,更自由更靈活更易於擴充套件使用。遵循GoogleMaterial設計規範,完美適配各個機型。面向HTML5,使用CSS3實現動畫互動,輕量級高效能。

       八、AmazeUI

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

       九、FrozenUI

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

       程式設計師在不同業務場景下的角色互換,需要掌握多種開發工具,因此多瞭解一些Web前端開發框架對於工作非常有幫助。

       本文來自千鋒教育,轉載請註明出處。

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

相關文章