常用的Web前端開發框架有哪些呢？分享這11個

在Web前端開發中，適時地使用一些框架，對於我們日常的開發，可以說是事半功倍。那麼，常用的Web前端框架有哪些呢？本文，小千帶你瞭解一下。

Web前端框架節約了大量的開發成本和時間，因此很多企業會選擇適合的前端框架。程式設計師常用的Web前端開發框架如下：

1、Bootstrap

Bootstrap流行的CSS框架，它是最早的Web前端框架，Bootstrap提供了許多例項來幫助入門。使用Bootstrap可以將不同的元件和佈局組合在一起，從而建立有趣的頁面設計，還提供了大量詳細的文件。

2、QUICK UI

QUICK UI一套完整的企業級web前端開發解決方案，由基礎框架、UI元件庫、皮膚包、示例工程和文件等組成。使用QUICKUI開發者可以極大地減少工作量提高開發效率，快速構建功能強大、美觀、相容的web應用系統。

3、MDC Web

Material Components for the web(MDC Web)，谷歌為Web設計的全新前端框架。MDC Web幫助開發人員執行Material Design，元件由谷歌的核心工程師團隊和UX設計人員開發。這些元件可以建立可靠的開發工作流程以構建美觀且功能強大的Web專案。

4、Pure

Bootstrap，Patternfly和MDC Web功能非常強大的CSS框架，但非常繁瑣複雜。如想要一個輕量級的CSS框架建議嘗試Pure.css，本身更接近於CSS程式設計，但又可以幫助構建一個不錯的網頁。Pure是具有最小佔用空間的輕量級CSS框架由Yahoo開發根據BSD許可是開源。

5、Foundation

Foundation聲稱是世界上最先進的響應式前端框架。它提供了用於構建專業網站的高階功能和教程。許多公司，組織都使用該框架，並且該框架具有大量可用的文件。

6、Bulma

Bulma基於Flexbox的開源框架可根據MIT許可證開源。一個非常輕量級的框架，只需要一個CSS檔案。Bulma擁有簡潔明瞭的文件可輕鬆選擇想要的主題。還具有許多Web元件可以在設計中使用它們。

7、Skeleton

輕量級框架Skeleton。Skeleton庫只有大約400行，且該框架僅提供一些基本的CSS框架元件。Skeleton還是提供了詳細的文件來幫助快速上手。

8、Materialize

Materialize 是一個基於 Material Design風格的一個現代化的響應式前端框架，解決了最繁重的工作，結合的自定義元件為提供預設的樣式。Materialize的文件頁面非常全面很容易遵循。其元件頁面包括按鈕，卡片，導航等。

9、Bootflat

Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比Bootflat更簡單更加輕量級。大部分都是影像沒有太多的文字。

10、PatternFly

PatternFly是Red Hat的開源CSS框架，和Bootstrap不同的是Bootstrap是為那些想要建立漂亮網站的人而設計，而PatternFly主要專注於企業應用程式開發人員提供諸如條形圖、圖表、導航之類的元件，實際上Red Hat就是使用它建立了OpenShift。除了靜態HTML，PatternFly還支援ReactJS框架，這是Facebook開發的流行JavaScript框架。PatternFly具有許多適用於企業級應用程式的高階元件，如條形圖，圖表，模式和佈局。

11、flex

Flex目前還在孵化階段，還不是Apache的正式專案，Flex4.8也不是一個正式的Apache版本。，該版本標誌著Flex新時代的開始，Flex的未來將由社群來驅動而不是由一個公司驅動。開發者可以透過貢獻程式碼來幫助改進Flex，如修復bug、增加功能等。

以上就是小千分享的Web前端開發常用的一些框架。程式設計師們可以根據自己的業務需求選擇簡潔直觀、功能強大的前端開發框架，讓自己的工作更迅速簡單，提高開發的效率。  

如果你想了解更多前端相關的知識點或者快速入行Web前端，可以關注小千，後期分享更多Web前端知識！

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