千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁(yè)  >  應(yīng)聘面試  >  html5面試題  > 目前主流的Web前端開發(fā)框架有哪些

目前主流的Web前端開發(fā)框架有哪些

來源:千鋒教育
發(fā)布人:syq
時(shí)間: 2022-08-17 11:23:00 1660706580

  目前主流的Web前端開發(fā)框架有哪些?程序員常用的web前端開發(fā)框架有Bootstrap、PatternFly、MDC Web、Pure、Foundation、Bulma、Skeleton、Materialize、Bootflat等。web前端框架節(jié)省了大量的開發(fā)成本和時(shí)間,所以很多公司會(huì)選擇合適的前端框架。常用的Web前端開發(fā)框架如下:

目前主流的Web前端開發(fā)框架有哪些

  1、引導(dǎo)程序

  Bootstrap 流行的 CSS 框架,它是最早的 web 前端框架,Bootstrap 提供了很多示例幫助入門。使用 Bootstrap,可以組合不同的組件和布局來創(chuàng)建有趣的頁(yè)面設(shè)計(jì),并且有很多詳細(xì)的文檔。

  2、快速用戶界面

  QUICK UI是一套完整的企業(yè)級(jí)Web前端開發(fā)解決方案,由基礎(chǔ)框架、UI組件庫(kù)、皮膚包、示例項(xiàng)目、文檔組成。使用QUICKUI開發(fā)者可以大大減少工作量,提高開發(fā)效率,快速構(gòu)建強(qiáng)大、美觀、兼容的Web應(yīng)用系統(tǒng)。

  3、MDC 網(wǎng)站

  Material Components for web (MDC Web),谷歌為網(wǎng)絡(luò)設(shè)計(jì)的全新前端框架。 MDC Web 幫助開發(fā)者實(shí)現(xiàn) Material Design,組件由 Google 的核心工程師和 UX 設(shè)計(jì)師團(tuán)隊(duì)開發(fā)。這些組件為構(gòu)建美觀且功能強(qiáng)大的 Web 項(xiàng)目建立了可靠的開發(fā)工作流程。

  4、純

  Bootstrap、Patternfly 和 MDC Web 是非常強(qiáng)大的 CSS 框架,但非常繁瑣和復(fù)雜。如果你想要一個(gè)輕量級(jí)的 CSS 框架,建議嘗試 Pure.css,它更接近 CSS 編程本身,但可以幫助構(gòu)建一個(gè)好的網(wǎng)頁(yè)。 Pure 是 Yahoo 開發(fā)的一個(gè)占用空間最小的輕量級(jí) CSS 框架,在 BSD 許可下開源。

  5、基金會(huì)

  Foundation 聲稱是世界上最先進(jìn)的響應(yīng)式前端框架。它提供了用于構(gòu)建專業(yè)網(wǎng)站的高級(jí)功能和教程。許多公司、組織都在使用該框架,并且該框架有大量可用的文檔。

  6、布爾瑪

  Bulma 基于 Flexbox 的開源框架在 MIT 許可下可用。一個(gè)非常輕量級(jí)的框架,只需要一個(gè) CSS 文件。 Bulma 有簡(jiǎn)潔明了的文檔,可以輕松選擇您想要的主題。還有許多 Web 組件可以在您的設(shè)計(jì)中使用。

  7、骨架

  輕量級(jí)框架骨架。 Skeleton 庫(kù)只有 400 行左右,框架只提供了一些基本的 CSS 框架組件。 Skeleton 還提供了詳細(xì)的文檔來幫助您快速入門。

  8、物化

  Materialize 是一個(gè)現(xiàn)代響應(yīng)式前端框架,它基于 Material Design 風(fēng)格,可以完成繁重的工作,并結(jié)合自定義組件來提供默認(rèn)樣式。 Materialise 的文檔頁(yè)面非常全面且易于理解。它的組件頁(yè)面包括按鈕、卡片、導(dǎo)航等等。

  9、引導(dǎo)平面

  Bootflat 是一個(gè)源自 Twitter 的 Bootstrap 的開源 CSS 框架。 Bootflat 比 Bootstrap 更簡(jiǎn)單、更輕量。大多數(shù)是沒有太多文字的圖片。

  10、PatternFly

  PatternFly 是 Red Hat 的開源 CSS 框架。與 Bootstrap 是為那些想要?jiǎng)?chuàng)建漂亮網(wǎng)站的人設(shè)計(jì)的不同,PatternFly 主要專注于像 Red Hat 一樣提供條形圖、圖表、導(dǎo)航組件等服務(wù)的企業(yè)應(yīng)用程序開發(fā)人員,實(shí)際上就是 Red Hat 用來創(chuàng)建 OpenShift 的。除了靜態(tài) HTML,PatternFly 還支持 Facebook 開發(fā)的流行 JavaScript 框架 ReactJS 框架。 PatternFly 有許多適用于企業(yè)級(jí)應(yīng)用程序的高級(jí)組件,例如條形圖、圖表、模式和布局。

  11、彈性

  Flex 還處于孵化階段,不是官方的 Apache 項(xiàng)目,F(xiàn)lex4.8 也不是官方的 Apache 版本。 ,此版本標(biāo)志著 Flex 新時(shí)代的開始,F(xiàn)lex 的未來將由社區(qū)而非一家公司驅(qū)動(dòng)。開發(fā)人員可以通過貢獻(xiàn)代碼來幫助改進(jìn) Flex,例如修復(fù)錯(cuò)誤、添加功能等。

  程序員根據(jù)業(yè)務(wù)需求選擇簡(jiǎn)潔、直觀、強(qiáng)大的前端開發(fā)框架,可以讓web開發(fā)更快更簡(jiǎn)單,提高開發(fā)效率。以上是對(duì)目前主流的Web前端開發(fā)框架有哪些的解答,更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
前端JavaScript面試題——js時(shí)間戳轉(zhuǎn)換時(shí)間的方法

小伙伴們!今天我們要來聊聊前端JavaScript的一個(gè)面試題,那就是如何把時(shí)間戳轉(zhuǎn)換成普通的時(shí)間格式呢?這個(gè)問題可是前端面試中的??团?別擔(dān)心,...詳情>>

2023-08-04 08:59:00
Html5面試題之網(wǎng)絡(luò)中使用最多的圖片格式有哪些?

在網(wǎng)絡(luò)中使用最多的圖片格式主要有JPEG、PNG和GIF。下面我將為你詳細(xì)介紹這三種圖片格式。JPEG(JointPhotographicExpertsGroup):JPEG是一種廣...詳情>>

2023-07-19 15:56:35
解釋一下什么是跨域請(qǐng)求?

答案:跨域請(qǐng)求是指在瀏覽器中,通過JavaScript在一個(gè)域名下發(fā)起對(duì)另一個(gè)域名的請(qǐng)求。由于瀏覽器的同源策略(Same-OriginPolicy)限制,跨域請(qǐng)求...詳情>>

2023-07-18 14:04:00
瀏覽器的同源策略機(jī)制

所以我們可以將請(qǐng)求發(fā)送到自己服務(wù)器,然后自己服務(wù)器去請(qǐng)求目標(biāo)接口資源,最后自己服務(wù)器將接口資源返回給當(dāng)前頁(yè)面,類似于找外援代替自己請(qǐng)求...詳情>>

2022-08-23 17:45:21
闡述一下http1.0與http2.0的區(qū)別,及http和https區(qū)別

HTTP2.0和HTTP1.X相比的新特性 - 新的二進(jìn)制格式(Binary Format),HTTP1.x的解析是基于文本,基于文本協(xié)議的格式解析存在天然缺陷,文本的表...詳情>>

2022-08-23 17:45:15
快速通道