今天給各位分享博客前端框架模板的知識，其中也會對博客設(shè)計模板進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、前端開發(fā)框架都有哪些
• 2、常用的前端框架有哪些？
• 3、前端常用的框架有哪些？
• 4、前端常用的框架有哪些
• 5、前端常用的框架有哪些?

前端開發(fā)框架都有哪些

1. Bootstrap

Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統(tǒng)以及一些常用的JavaScript插件。

2. Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計相同的功能。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等，風(fēng)格與Facebook類似。

3. BootMetro

BootMetro框架的靈感來自于Metro UI CSS，基于Bootstrap 框架構(gòu)建，用于創(chuàng)建Windows 8 的Metro風(fēng)格的網(wǎng)站。它包括所有Bootstrap的功能，并添加了幾個額外的功能，比如頁面平鋪，應(yīng)用程序欄等等。

4. Kickstrap

Kickstrap是Bootstrap的一個變體。它基于Bootstrap，并在它的基礎(chǔ)上添加了許多app，主題以及附加功能。這使得這個框架可以單獨(dú)地用于構(gòu)建網(wǎng)站，而不需要額外安裝什么。你需要做的僅僅是把它放到你的網(wǎng)站上，然后用就可以了。

5. Foundation

Foundation 是一款強(qiáng)大的，功能豐富的并且支持響應(yīng)式布局的前端開發(fā)框架，你可以通過Foundation快速創(chuàng)建原型，利用它所包含的大量布局框架，元素以及最優(yōu)范例快速創(chuàng)建在各種設(shè)備上可以正常運(yùn)行的網(wǎng)站以及app。Foundation在構(gòu)建的時候秉承移動優(yōu)先的策略，它擁有大量實(shí)用的語義化功能，并且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗，并且提高運(yùn)行的速度。

6. GroundworkCSS

GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個高級響應(yīng)式的HTML5，CSS以及JavaScript工具包，可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。

7. Gumby

Gumby 是一款基于Sass和Compass的簡單靈活并且穩(wěn)定的前端開發(fā)框架。

它的流式-固定布局（fluid-fixed layout）可以根據(jù)桌面端以及移動設(shè)備的分辨率自動優(yōu)化要呈現(xiàn)的網(wǎng)頁內(nèi)容。它支持多種網(wǎng)格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網(wǎng)格系統(tǒng)上進(jìn)行設(shè)計。

8. HTML KickStart

HTML Kickstart 是一款可以用來方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼。

這款框架提供了多種樣式表，包括網(wǎng)格，排版，表單，按鈕，表格，列表以及一些跨瀏覽器兼容的web組件比如JavaScript的幻燈片功能，tabs，面包屑導(dǎo)航，包含子菜單的菜單以及工具提示等等。

9. IVORY

IVORY 是一款輕量，簡單但是強(qiáng)大的前端框架，可以用于320到1200像素寬度的響應(yīng)式布局。它基于12列的響應(yīng)式網(wǎng)格布局，包含表格，按鈕，表格，分頁，撥動開關(guān)，工具提示，手風(fēng)琴，選項卡等網(wǎng)站中常用的組件和樣式。

10.Kube

最后，如果你的新項目需要一款實(shí)在的，不需要復(fù)雜的額外功能組件的，足夠簡單的框架，那么 Kube 將會是你正確的選擇。Kube是一款最小化的，支持響應(yīng)式的前端框架，它沒有強(qiáng)加的樣式設(shè)計，因此給了你充分的自由來開發(fā)自己的樣式表。它提供了一些web元素的基本樣式，比如網(wǎng)格，表單，排版，表格，按鈕，導(dǎo)航，鏈接以及圖片等等。

常用的前端框架有哪些？

1. Twitter BootStrap （Apache v2.0；響應(yīng)式）

時髦、直觀并且強(qiáng)大的前端框架，讓W(xué)eb開發(fā)變得更加容易。

2. Foundation （MIT；響應(yīng)式）

最先進(jìn)的響應(yīng)式前端框架。

3. 960gs（GPLMIT；響應(yīng)式）

960gs提供了一個簡單的網(wǎng)格系統(tǒng)，適合快速開發(fā)。

4. Skeleton（MIT；響應(yīng)式）

非常漂亮的Web模板，適合響應(yīng)式、移動友好的開發(fā)。

5. 99lime HTML KickStart（Free）

適合網(wǎng)站快速開發(fā)的極簡HTML構(gòu)建模塊。

6. Kube（Free；響應(yīng)式）

面向?qū)I(yè)人員的CSS框架。

7. Less Framework（MIT；響應(yīng)式）

自適應(yīng)的CSS網(wǎng)格系統(tǒng)。

8. Flameinwork（Free）

適合懶人開發(fā)者的前端微框架。

9. G5 Framework（Free）

(x)HTML5、CSS、PHP前端開發(fā)框架。

10. Easy Framework（Free）

Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。

11. Blueprint（Free）

一個旨在減少開發(fā)時間的前端框架。

12. YAML（Creative Commons）

(x)HTML+CSS框架，適合開發(fā)現(xiàn)代化浮動布局。

13. BlueTrip（Free）

一個功能全面、并且美麗的CSS框架，適合于Blueprint搭配使用。

14. YUI3:Grids CSS（BSD）

YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發(fā)小組開發(fā)而成。 YUI Grids CSS為開發(fā)者提供了預(yù)先設(shè)置的四種不同頁面寬度，六種不同的模板。

15. 52framework（Creative Commons）

對HTML5支持非常好，簡單易用。

16. elastiCSS（MIT）

一個基于Web接口和印刷布局的簡單CSS框架。

17. Emastic（Free）

一個與眾不同的CSS框架。

18. Fluid 960 Gride System（GPL/MIT）

Fluid 960 Grid System的模版是根據(jù)Nathan Smith之前的作品而創(chuàng)建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。

19. xCSS（MIT）

一個面向?qū)ο蟮腃SS框架，能讓你的工作流更加簡潔。xCSS基于CSS，可以在開發(fā)復(fù)雜樣式時，提供面向?qū)ο蟮墓ぷ髁鳌?/p>

20. EM CSS Framework（MIT/GPL）

EM CSS Framework提供了一個960px寬 + 12 列網(wǎng)格系統(tǒng) + CSS的通用樣式。

前端常用的框架有哪些？

web前端的主流框架，下面，我給大家具體介紹一下：

1.Angular:Angular是一個優(yōu)秀的前端JS框架。Angular有很多特性，核心是MVW(Model-View-Whatever)、模塊化、自動雙向數(shù)據(jù)綁定、語義標(biāo)注、依賴注入等。Angular是一個比較完整的前端框架，包含了服務(wù)、模板、雙向數(shù)據(jù)綁定、模塊化、路由、過濾器、依賴注入等所有功能。自定義指令后可以在項目中多次使用。

2.React:React可以非常容易地創(chuàng)建用戶界面。為應(yīng)用程序的每個狀態(tài)設(shè)計簡潔的視圖，React還可以在數(shù)據(jù)發(fā)生變化時高效地更新渲染界面。React為你的程序編寫?yīng)毩⒌哪K化UI組件，這樣當(dāng)一個或一些組件出現(xiàn)問題時，可以很容易地隔離出來。

3.Vue:最近幾年最火的前端框架是Vue.js，這是一個構(gòu)建數(shù)據(jù)驅(qū)動Web界面的漸進(jìn)式框架。Vue.js的目標(biāo)是通過盡可能簡單的API實(shí)現(xiàn)響應(yīng)和組合視圖組件的數(shù)據(jù)綁定。Vue是模塊友好的，可以通過NPM、鮑爾或Duo安裝。它不會強(qiáng)制你所有的代碼都遵循Angular的各種規(guī)定，使用場景更加靈活。

以上三個是我給大家介紹的web前端主流框架。希望我的回答對你有幫助。

前端常用的框架有哪些

給你介紹Web前端三大主流框架

React：

1.聲明式設(shè)計：React采用聲明范式，可以輕松描述應(yīng)用。

2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。

3.靈活：React可以與已知的庫或框架很好地配合。

優(yōu)點(diǎn)：

1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實(shí)現(xiàn)對實(shí)際DOM的局部更新。

2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標(biāo)準(zhǔn)化的API，甚至在IE8中都是沒問題的。

3.模塊化：為你程序編寫?yīng)毩⒌哪K化UI組件，這樣當(dāng)某個或某些組件出現(xiàn)問題是，可以方便地進(jìn)行隔離。

4.單向數(shù)據(jù)流：Flux是一個用于在JavaScript應(yīng)用中創(chuàng)建單向數(shù)據(jù)層的架構(gòu)5.同構(gòu)、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務(wù)端響應(yīng)而不是JavaScript的執(zhí)行，預(yù)渲染你的應(yīng)用有助于搜索引擎優(yōu)化。6.兼容性好：比如使用RequireJS來加載和打包，而Browserify和Webpack適用于構(gòu)建大型應(yīng)用。它們使得那些艱難的任務(wù)不再讓人望而生畏。缺點(diǎn)：React本身只是一個V而已，并不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應(yīng)用。

Vue：

Vue是尤雨溪編寫的一個構(gòu)建數(shù)據(jù)驅(qū)動的Web界面的庫，準(zhǔn)確來說不是一個框架，它聚焦在V（view）視圖層。

它有以下的特性：

1.輕量級的框架

2.雙向數(shù)據(jù)綁定

3.指令

4.插件化

優(yōu)點(diǎn)：

1.簡單：官方文檔很清晰，比Angular簡單易學(xué)。

2.快速：異步批處理方式更新DOM。

3.組合：用解耦的、可復(fù)用的組件組合你的應(yīng)用程序。

4.緊湊：~18kbmin+gzip，且無依賴。

5.強(qiáng)大：表達(dá)式無需聲明依賴的可推導(dǎo)屬性(computedproperties)。

6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強(qiáng)迫你所有的代碼都遵循Angular的各種規(guī)定，使用場景更加靈活。

缺點(diǎn)：

1.新生兒：Vue.js是一個新的項目，沒有angular那么成熟。

2.影響度不是很大：google了一下，有關(guān)于Vue.js多樣性或者說豐富性少于其他一些有名的庫。

3.不支持IE8。

Angular：

Angular是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。

它有以下的特性：

1.良好的應(yīng)用程序結(jié)構(gòu)

2.雙向數(shù)據(jù)綁定

3.指令

4.HTML模板

5.可嵌入、注入和測試

優(yōu)點(diǎn)：

1.模板功能強(qiáng)大豐富，自帶了極其豐富的angular指令。

2.是一個比較完善的前端框架，包含服務(wù)，模板，數(shù)據(jù)雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能；3.自定義指令，自定義指令后可以在項目中多次使用。

4.ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復(fù)用的代碼，對于敏捷開發(fā)的團(tuán)隊來說非常有幫助。

5.angularjs是互聯(lián)網(wǎng)巨人谷歌開發(fā)，這也意味著他有一個堅實(shí)的基礎(chǔ)和社區(qū)支持。

缺點(diǎn)：

1.angular入門很容易但深入后概念很多,學(xué)習(xí)中較難理解。

2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎么用都是google來的,或直接問misko,angular的作者。

3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。

4.指令的應(yīng)用的最佳實(shí)踐教程少,angular其實(shí)很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。

5.DI依賴注入如果代碼壓縮需要顯示聲明。

前端常用的框架有哪些?

web前端的主流框架，下面，我具體給你介紹一下：

1、Angular：Angular是一款優(yōu)秀的前端JS框架，Angular有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等。Angular是一個比較完善的前端框架，包含服務(wù)，模板，數(shù)據(jù)雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，在自定義指令后可以在項目中多次使用。

2、React：React可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個狀態(tài)設(shè)計簡潔的視圖，在數(shù)據(jù)改變時React也可以高效地更新渲染界面。React為你程序編寫?yīng)毩⒌哪K化UI組件，這樣當(dāng)某個或某些組件出現(xiàn)問題是，可以方便地進(jìn)行隔離。

3、Vue：近幾年最火的前端框架當(dāng)屬Vue.js了，Vue.js是一個構(gòu)建數(shù)據(jù)驅(qū)動的Web界面的漸進(jìn)式框架。Vue.js的目標(biāo)是通過盡可能簡單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。Vue對模塊很友好，可以通過NPM、Bower或Duo安裝，不強(qiáng)迫你所有的代碼都遵循Angular的各種規(guī)定，使用場景更加靈活。

以上三個就是我給你介紹的關(guān)于web前端主流的框架，希望我的回答對你有所幫助

博客前端框架模板的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于博客設(shè)計模板、博客前端框架模板的信息別忘了在本站進(jìn)行查找喔。