web前端培訓:常用的Web前端開發框架有哪些?

千鋒武漢發表於2021-10-19

  學習web前端技術的時候,我們會學到開發框架這一課,web前端的開發框架是有很多的,有一些是常用的,那麼常用的 Web前端開發框架有哪些呢?來看看下面的詳細介紹。

u=253230883,2622492788&fm=26&fmt=auto

   web前端培訓:常用的Web前端開發框架有哪些?程式設計師常用的Web前端開發框架有Bootstrap、PatternFly、MDC Web、Pure、Foundation、Bulma、Skeleton、Materialize、Bootflat等,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、增加功能等。


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

相關文章