A. 現在主流的前端框架有哪些
Bootstrap(經典)
2.Vue(靈活高效的js框架)
3.React(組件開發)
4. angular(web應用開發框架)
5.typescript(功能強大，語法簡潔, JS的擴展)
6.Element (快速搭建一個優雅的網站)
7.webpack & parcel (應用打包工具)
8.webassembly(模塊編程，四大瀏覽器聯袂支持)
9.Layui(模塊化UI組件)
10.PWA(Google推出的網頁應用開發)
B. Web前端的主流框架有哪些
今天小編要跟大家分享的文章是關於Web前端的主流框架有哪些?近幾年以來、IT行業發展火熱、衍生了很多新職業、Web前端工程師也是其中之一。那麼你知道Web前端的三大主流框架是什麼呢?下面來和小編一起看一看吧！
一、Web前端三大主流框架是什麼
(一)React：
1.聲明式設計：React採用聲明範式，可以輕松描述應用。
2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活：React可以與已知的庫或框架很好地配合。
優點：
1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標准化的API，甚至在IE8中都是沒問題的。
3.模塊化：為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
4.單向數據流：Flux是一個用於在javaScript應用中創建單向數據層的架構5.同構、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜索引擎優化。6.兼容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身只是一個V而已，並不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應用。
(二)Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V(view)視圖層。
它有以下的特性：
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。
(三)Angular：
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。
它有以下的特性：
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點：
1.模板功能強大豐富，自帶了極其豐富的angular指令。2.是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能;3.自定義指令，自定義指令後可以在項目中多次使用。4.ng模塊化比較大膽的引入了Java的一些東西(依賴注入)，能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。5.angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。
缺點：
1.angular入門很容易但深入後概念很多,學習中較難理解。2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。5.DI依賴注入如果代碼壓縮需要顯示聲明。
二、Web前端前景與就業形勢
學習Web前端的就業面很廣，選擇的崗位有：前端開發工程師、資深前端開發工程師、網站重構工程師、前端架構師等等。雖然近兩年大數據、人工智慧等很火，但Web前端開發依然是十分熱門的，特別是隨著谷歌、YouTube、FireFox等大型企業紛紛將視線轉向HTML5，前端開發已經進入HTML5時代，所以，Web前端在今後十年仍有很大的發展空間。據統計，我國HTML5前端工程師人員的缺口將達到10多萬，因此，Web前端工程師是一個非常有「錢」途的職業，並且薪酬會根據技能的深入而有不同程度的增長，其中北京、上海、廣州、深圳等地前端工程師的薪資待遇更是一路飆升。
以上就是小編今天為大家分享的關於Web前端的主流框架有哪些的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web前端培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
來源：#/news/20190318/15014378463.shtml
C. 這五個Web前端開發必不可少的開源框架，閉眼入
很多Web小白在學習、在選擇適合自己的Web語言時，比較糾結。其實有很多流行的、強大的前端開源框架，幫助你輕松構建漂亮的網站前端。
1、Pure
Bootstrap，Patternfly和MDC Web是功能非常強大的CSS框架，但它們可能非常繁瑣和復雜。如果你想要一個輕量級的CSS框架，可以嘗試Pure.css，它本身更接近於CSS編程，但又可以幫助你構建一個不錯的網頁。Pure是具有最小佔用空間的輕量級CSS框架，它由Yahoo開發，根據BSD許可是開源的。
2、Foundation
Foundation聲稱是世界上最先進的響應式前端框架。它提供了用於構建專業網站的高級功能和教程。許多公司，組織都使用該框架，並且該框架具有大量可用的文檔。
3、Skeleton
如果說還有什麼框架比Pure更加輕量級，那一定是Skeleton。Skeleton庫只有大約400行，並且該框架僅提供一些基本的CSS框架組件。盡管如此，Skeleton還是提供了詳細的文檔來幫助你快速上手。
4、Materialize
Materialize是一個基於Material Design風格的一個現代化的響應式前端框架，解決了最繁重的工作，結合你的自定義組件，為你提供默認的樣式。Materialize的文檔頁面非常全面，並且很容易遵循。其組件頁麵包括按鈕，卡片，導航等。
5、Bootstrap
Bootstrap無疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter開發。Bootstrap還提供了許多示例來幫助你入門。使用Bootstrap，你可以將不同的組件和布局組合在一起，從而創建有趣的頁面設計。它還提供了大量詳細的文檔。目前在Github上已經有1100多個貢獻者，19000多個提交。
D. web前端常用的框架有哪些
現在比較常用的主流框架有Vue、React、Angular。
Angular
Angular原名angularJS誕生於2009年，之前我們都是用jquery開發，自從angular的出現讓我們有了新的選擇，它最大的特點是把後端的一些開發模式移植到前端來實現，如MVC、依賴注入等，創新式的雙向數據綁定不知簡化了我們多少代碼，讓我們為之瘋狂，特別是表單處理方面，從此名聲大噪。
好的框架一般會有兩個結果，一個繼續不斷更新迭代，避免被拍死在沙灘上，一個是被一些大公司收購煥發第二春，angular屬於後者被google所收購，且從2.0後改名angular並使用微軟的typescript作為開發語言，目前最新版本8.0，照說傍上google與微軟這兩條大船，前途應該不可限量才對，然而造化弄人，現在angular的市場份額已經被React這個後起之秀和Vue這顆新星遠遠地甩到腦後。
React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益於其創新式的VirtualDOM，性能上碾壓angularJS，一經推出，火的一塌糊塗。 特點很多，VirtualDOM、JSX、Diff演算法等，支持ES6語法，採用函數式編程，門檻稍高，但也更靈活，能讓開發具有更多可能性。
Vue
Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。網上有很多人說Vue不適合做大型項目，純屬扯淡，Vue在這方面已經優化得很好，當然，大量的響應式屬性（監聽屬性）也許會用一定的性能損耗，但在硬體、網路大力發展的今天，這些細微的性能差異幾乎感覺不到。
E. Web前端工程師喜歡的高質量Web前端框架有哪些
今天小編要跟大家分享的文章是關於高質量Web前端框架，相信很多Web前端工程師都會對此感興趣的。Web前端框架就是為了節約開發成本和時間，一般開發一個項目都會用到前端框架(除非自己有前端開發團隊)。今天小編就為大家分享一些高質量的前端框架希望能夠對大家有所幫助。
一、QUICKUI
QUICK
UI是一套完整的企業級web前端開發解決方案，由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者可以極大地減少工作量，提高開發效率，快速構建功能強大、美觀、兼容的web應用系統。
QUICKUI優勢：
①功能最為強大
QUICKUI經歷了7年的迭代更新，不斷從客戶的各種業務中對組件的需求進行歸納和抽離，從而打造新的組件和功能。現在最新的4.0版本框架包含了一百多種組件，一千多個應用場景示例。可以說在前端框架領域中，QUICKUI擁有功能最強大組件庫。
②運行最為穩定
很多其他的第三方UI控制項在簡單場合使用OK，到了復雜的場景中就會出現很多問題，這種現象很常見，因為在組件設計時無法預料到所有的應用場合。而QUICKUI在7年間經歷了數千個項目實際檢驗，在各種復雜場景都應用過，並根據客戶的反饋不斷完善和調整。目前的第四代可以說是最穩定、最完美的版本。
③豐富精美的界麵皮膚
跟其他web前端框架僅僅是一套組件庫不同，QUICKUI是一整套前端解決方案，擁有豐富的外觀界面解決方案。採用現今流行的扁平化設計理念，推出了包括登錄、響應式web、工作桌面、地圖類、門戶風格、大屏展示風格等等幾百套製作精美、用戶體驗優秀的界面。這些界面是以QUICKUI皮膚包的形式發布，使用和更換都非常方便。
④事無巨細的開發文檔
QUICKUI擁有16萬字+的開發文檔，框架和組件的每一個功能點都有詳細的講解和代碼示例，用於開發過程中隨時查閱。除了框架機制講解和組件使用教程，文檔還涉及web前端開發的很多知識。仔細閱讀並結合框架使用的話，你很快就能成為web開發的高手。
⑤上手開發非常容易
QUICKUI採用組件化思想來構建組件，一個組件就是一兩句html的標簽，使用起來非常簡單。將開發人員從繁瑣的JS編碼中解脫出來，很大程度減少前台編碼的出錯率;保留了HTML的布局方式，從而快速進行頁面布局。對開發者前台技術要求也非常低，只需要了解html語法和一些簡單的JS即可，從而把更多精力放在業務功能的實現上，極大地提高開發效率。
⑥瀏覽器兼容性非常好
QUICKUI4.0使用了很多HTML5，CSS3技術用於提高表現力和用戶體驗，這些新的特性在現代瀏覽器中會有很好的效果。但是，國內依然有大量的用戶在使用IE7、IE8等舊時代的瀏覽器，為照顧這部分用戶，框架採用了漸進式思想，確保低版本瀏覽器也能正常使用。所以，QUICKUI兼容IE7以上所有主流瀏覽器。
二、flex
Apache基金會今天發布了Flex4.8版本，這是Adobe將Flex捐獻給Apache基金會後發布的第一個版本。
需要注意的是，Flex目前還在孵化階段，還不是Apache的正式項目，Flex4.8也不是一個正式的Apache版本。
Apache稱，該版本標志著Flex新時代的開始，Flex的未來將由社區來驅動，而不是由一個公司驅動。開發者可以通過貢獻代碼，來幫助改進Flex，如修復bug、增加功能等。
從Macromedia賣給Adobe，然後又捐給apache，不知道搞什麼名堂。不過還好沒有經過大幅重構，否則就真的是悲哀了!
三、extjs
ExtJS是一種主要用於創建前端用戶界面，是一個基本與後台技術無關的前端ajax框架。
功能豐富，無人能出其右。
無論是界面之美，還是功能之強，ext的表格控制項都高居榜首。
華麗的界面，靈活的功能，還有開發工具都是配套的，但有個最大的問題，用就得花錢!
四、easyui
easyui幫助你構建你的web應用更加容易。
它是一個基於jquery的插件，開發出來的一套輕量級的ui框架，非常小巧而且功能豐富。
但是她有一個最大的問題就是代碼只能找到以前的開源的版本，到了1.2以後的版本源代碼都是經過混淆的，如果遇到問題修改起來會非常麻煩!不過一個比較大的優勢是開源免費，並且界面做的還說的過去!
五、jQueryUI
jQueryUI是一套jQuery的頁面UI插件，包含很多種常用的頁面空間，例如Tabs(如本站首頁右上角部分)、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個模塊，免費開源!
六、MiniUI
又一個基於jquery的框架，開發的界面功能都很豐富。
jQueryMiniUI_快速開發WebUI。
它能縮短開發時間，減少代碼量，使開發者更專注於業務和服務端，輕松實現界面開發，帶來絕佳的用戶體驗。
使用MiniUI，開發者可以快速創建Ajax無刷新、B/S快速錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。
界面做的挺不錯，功能也挺豐富，但是有兩個比較大的問題，一個是收費，一個是沒有源碼，說白了，不開源!基於這個開發如果想對功能做擴展就需要找他們的團隊進行升級!
七、DWZ
DWZ富客戶端框架(jQueryRIAframework),是中國人自己開發的基於jQuery實現的AjaxRIA開源框架.
設計目標是簡單實用,快速開發,降低ajax開發成本。
畢竟是國產的，支持一下，而且源碼完全公開，可以選擇一下!不過性能怎麼樣不敢確定!
八、YUI
Yahoo!UILibrary
(YUI)是一個開放源代碼的JavaScript函數庫，為了能建立一個高互動的網頁，它採用了AJAX,DHTML和DOM等程式碼技術。它也包含了許多CSS資源。使用授權為
BSD許可證，基本上沒怎麼研究過!YUICompressor倒是挺出名的，這套UI庫不知道應用的情況怎麼樣!
九、Sencha
Sencha是由ExtJS、jQTouch以及Raphael三個項目合並而成的一個新項目。
大公司的框架，並且是幾樣庫的強強聯合，值得推薦!
十、OperaMasks-UI
OperaMasks-UI是OperaMasks團隊2011下半年打造的一款輕量級前端JS組件庫，旨在提供一款學習曲線低、定製性靈活、樣式統一，且多瀏覽器支持、覆蓋企業業務場景的前端JavaScriptUI組件庫。目前，該團隊已將這一產品以LGPL開源協議開放給社區。
文檔豐富，功能齊全，而且很容易使用和開發!而且是國產的喲!
以上排序是整理時的排序，一起整理分析一下，下次用的時候就不用到處找了，我想同樣的問題應該也存在在很多程序員身上，任何一款UI框架，只要能夠容易入手就行。
以上就是小編今天為大家分享的關於高質量web前端框架有哪些?的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助。想要了解更多web前端知識的小夥伴們記得關注北大青鳥web培訓官網哦。
作者：qianankuangjia，來源：CSDN
原文：https://blog.csdn.net/qianankuangjia/article/details/78042944
F. 前端常用的框架有哪些
前端三大框架，是Angular、React、Vue，這三個框架現在是最為流行也是最多人用的框架。
React：
1.聲明式設計：React採用聲明範式，可以輕松描述應用。
2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活：React可以與已知的庫或框架很好地配合。
優點：
1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標准化的API，甚至在IE8中都是沒問題的。
3.模塊化：為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
4.單向數據流：Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜索引擎優化。6.兼容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身只是一個V而已，並不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應用。
Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V（view）視圖層。
它有以下的特性：
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。
Angular：
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。
它有以下的特性：
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點：
1.模板功能強大豐富，自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能；3.自定義指令，自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。
缺點：
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。
G. 前端常用的框架有哪些
常用的框架總結如下：
1. Bootstrap
Bootstrap是一款很受歡迎的前端框架，基於HTML、CSS、JavaScript設計的，簡單靈活，使得Web開發更加快捷，Bootstrap中包含了豐富的Web組件和13個jquery插件，這些組件和插件可以快速的搭建一個漂亮和功能完備的網站，用戶還可以根據自己的需求進行CSS變數的修改，擴展自己所需功能。
2. Angular
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品中，其具有很多特性，如MVW、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等，Angular可以為開發者呈現出一個更高層次的抽象來簡化應用開發。
3. Backbone
Backbone是一種幫助開發重量級的javascript應用的框架，其文件本身很小，壓縮後只有5.3KB，主要提供了models(模型)、collections(集合)、views(視圖)三種結構，其中模型用於綁定鍵值數據和自定義事件，集合附有可枚舉函數的豐富API，視圖可以聲明事件處理函數，並通過RESRful JSON介面連接到應用程序。Backbone依賴於underscore.js，其中包含很多工具方法、集合操作、js模板等。
4. React
React是一個用於構建用戶界面的javascript庫，主要用於構建UI，很多人認為React是MVC中的views(視圖)，其採用聲明式設計、JSX的語法擴展、強大的組件、單向響應的數據流，具有高效、靈活的性能，且代碼邏輯簡單，受到越來越多的人的關注和使用！
以上目前Web開發常用的框架，每個框架都有其不同的特點，且功能都很強大，想從事Web開發的可以了解一下北京尚學堂，從事編程教育多年，有優秀的師資力量，帶給你更好的學習體驗。
H. 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
I. 前端常用的框架有哪些
1、Foundation框架
Foundation框架總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給項目中強有力的創造與支持。相對於Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。
2、、Bootstrap
Bootstrap在業界非常受歡迎，以致於有很多前端框架都在其基礎上開發，如WeX5就是在Bootstrap源碼基礎上優化而來的。Bootstrap是基於HTML、CSS和Javascript的，簡潔靈活使得Web開發更加敏捷。
提供優雅的HTML和CSS規范，在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件，並包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、標簽頁、滾動條和彈出框等。
3、Curl
Curl是一個命令行工具，用於通過HTTP(s)、FTP和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。在Web開發中，Curl經常和RESTfulAPI一起使用用於測試連接。
4、Tree
Tree是一個小型的命令行實用程序，將目錄中的文件以可視化的方式進行顯示。它採用遞歸運行的方式，遍歷每個級別的嵌套並繪制所有內容的格式樹。這樣就能快速的瀏覽並查找需要的文件。
5、Tmux
根據維基的解釋，Tmux是一個終端復用器。通俗的說，它是一個能將多個終端連接到單個終端會話的工具。Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，並將多個終端連接到同一個會話，使其保持同步。在遠程伺服器上工作時，Tmux特別有用，因為它允許用戶創建新的選項卡，而無需再次登錄。
6、
命令用於生成關於文件和目錄的空間使用情況的報告。很容易使用，可以遞歸地運行，遍歷每個子目錄並返回每個文件的大小。的常見用例是：當某個驅動器的空間不足，用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所佔用的存儲空間，從而找到佔用最大空間的存儲器。
7、AUI
AUI專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易於擴展使用。遵循GoogleMaterial設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。
8、AmazeUI
據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。AmazeUI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。
9、FrozenUI
FrozenUI是一款開源簡單易用，輕量敏捷的移動端框架。基於手Q樣式規范，目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。
J. 前端常用的框架有哪些
web前端的主流框架，下面，我具體給你介紹一下：
1、Angular：Angular是一款優秀的前端JS框架，Angular有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。Angular是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，在自定義指令後可以在項目中多次使用。
2、React：React可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖，在數據改變時React也可以高效地更新渲染界面。React為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
3、Vue：近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的Web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。Vue對模塊很友好，可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
以上三個就是我給你介紹的關於web前端主流的框架，希望我的回答對你有所幫助