當前位置:首頁 » 網頁前端 » 前端開發框架01
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端開發框架01

發布時間: 2023-08-13 09:53:36

❶ web前端框架有哪些

目前比較流行的前端框架是Angular、React、Vue、Bootstrap
如果基礎建議別看框架,先學習html、css、js(可以暫時不會寫,但必須會用),能獨立完成頁面編碼之後,再學習框架

❷ Web前端開發必備的開源框架有哪些

今天小編要跟大家分享的文章是關於Web前端開發必備的開源框架有哪些。大多數人想到Web開發時,通常會想到HTML或JavaScript,往往忽略了CSS,根據Wikipedia的說法,CSS既是網頁中最重要也是最常被遺忘的部分之一,盡管它是萬維網的三大基礎技術之一。

今天判虧銷就和大家分享9個流行的、強大的前端開源框架,幫助你輕松構建漂亮的網站前端。下面來和小編一起看一看吧!


1、Bootstrap


Bootstrap無疑是最流行的CSS框架,它是最早的Web前端框架,由Twitter開發。Bootstrap還提供了許多示例來幫助你入門。


使用Bootstrap,你可以將不同的組件和布局組合在一起,從而創建有趣的頁面設計。它還提供了大量詳細的文檔。目前在Github上已經有1100多個貢獻者,19000多個提交。(Github地址:https://github.com/twbs/bootstrap)


2、PatternFly


PatternFly是Red
Hat的開源CSS框架,和Bootstrap不同的是,Bootstrap是為那些想要創建漂亮網站的人而設計的,而PatternFly主要專注於企業應用程序開發人員,提供諸如條形圖、圖表、導航之類的組件,實際上Red
Hat就是使用它創建了OpenShift。


除了靜態HTML,PatternFly還支持ReactJS框架,這是Facebook開發的流行JavaScript框架。PatternFly具有許多適用於企業級應用程序的高級組件,如條形圖,圖表,模式和布局。


PatternFly在GitHub上一共有1,050多個提交和44個貢獻者。(Github地址:https://github.com/patternfly/patternfly)


3、MaterialComponentsfortheweb


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


MDC
Web在Github上共有5700多個提交和349個貢獻者。(Github地址:https://github.com/material-components/material-components-web)


4、Pure


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


Pure在Github上共有565多個提交和59個貢獻者。(Github地址:https://github.com/pure-css/pure)


5、Foundation


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


Foundation在Github上有將近17000個提交和1000個貢空春獻者。(Github地址:https://github.com/foundation/foundation-sites)


6、Bulma


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


Bulma在Github上有1400多個提交和300個貢獻者。(Github地址:https://github.com/jgthms/bulma)


7、Skeleton


如果說還有什麼框架比Pure更加輕量級,那一定是Skeleton。Skeleton庫只有大約400行,並且該框架僅提供一些基本的CSS框架組件。盡管如此,Skeleton還是提供了詳細的文檔來幫助你快速上手。


Skeleton在Github上共有167個提交和22個貢獻者,但它不是最活躍的項目,它最新一次的更新是在2014年。(Github地址:https://github.com/dhg/Skeleton)


8、Materialize


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


Materialize在Github上共有3800多個提交和250個貢獻者。(Github地址:https://github.com/Dogfalo/materialize)


9、Bootflat


Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比,Bootflat更簡單,並且更加輕量級。Bootflat的文檔似乎幾乎受到了IKEA的啟發,大部分都是圖像,沒有太多的文字。


Bootflat是在MIT許可證下開源的,在Github上有159個提交和8個貢獻者。(Github地址:https://github.com/bootflat/bootflat.github.io)


以上就是小編今天為大家分享的關於Web前端開發必備的開源框架有哪些的文章,希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助,想要了解更多web前端知識記得關注北大青鳥web培訓官網。最後祝願小夥伴們工作順利!開源最前線(ID:OpenSourceTop)猿妹編譯


鏈接:#/article/20/4/open-source-css-frameworks