前端UI框架Bootstrap、Foundation、Semantic UI、Pure和UIkit有什么區(qū)別

這篇文章將為大家詳細(xì)講解有關(guān)前端UI框架Bootstrap、Foundation、Semantic UI、Pure和UIkit有什么區(qū)別，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

1.Bootstrap

Bootstrap是當(dāng)前可用前端框架中無可爭議的NO.1。鑒于其巨大的知名度，每天仍在不斷增長，可以肯定，這個奇妙的工具不會讓你失望。

創(chuàng)作者：Mark Otto and Jacob Thornton.
發(fā)布時間：2011年
當(dāng)前版本：4.0
人氣：GitHub上有122825顆星
描述：“簡潔，直觀且功能強(qiáng)大的前端框架，可實現(xiàn)更快、更輕松的網(wǎng)頁開發(fā)?！?br/> 核心概念/原則：RWD和移動優(yōu)先。
框架大?。?78 KB（預(yù)編譯的zip文件夾）
預(yù)處理器：Sass
響應(yīng)：是的
模塊化：是的
啟動模板/布局：是的
圖標(biāo)集：不包括
附加功能/附加組件：沒有捆綁，但有許多第三方插件可用。
獨特的組件（與下面前端框架相比較）：Jumbotron，Card
文檔：非常好
定制：為網(wǎng)格系統(tǒng)和重啟提供獨立文件選項，使用Sass輕松定制；沒有在線定制器
瀏覽器支持：最新版本的Firefox，Chrome，Safari，IE810-11-Microsoft Edge。
許可證：MIT

Bootstrap的注意事項
Bootstrap的主要優(yōu)勢在于其廣受歡迎。從技術(shù)上講，它不一定比其他的框架好，但與其他四個前端框架相比較，它提供了更多的資源（文章和教程，第三方插件和擴(kuò)展，主題構(gòu)建器等）?？傊珺ootstrap無處不在。這是程序員繼續(xù)選擇它的主要原因。

2.Foundation

Foundation是頂部前端框架的第二大玩家。有了像ZURB這樣堅實的后盾，這個框架有了一個真正強(qiáng)大的基礎(chǔ)。畢竟，F(xiàn)oundation在包括Facebook，Mozilla，易趣，雅虎在內(nèi)的許多大型網(wǎng)站上使用，還有國家地理等等。

創(chuàng)作者：ZURB
發(fā)布時間：2011年
當(dāng)前版本：6
人氣：GitHub上有27130顆星
描述：“先進(jìn)的響應(yīng)式前端框架”
核心概念/原則：RWD，移動優(yōu)先，語義
框架大?。?97.5 KB
預(yù)處理器：Sass
響應(yīng)：是的
模塊化：是的
啟動模板/布局：是的
圖標(biāo)集：基礎(chǔ)圖標(biāo)字體
附加功能/附加組件：是的
獨特的組件：Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables
文檔：很好，有很多額外的資源可用。
定制：基本的GUI定制器
瀏覽器支持：Chrome，F(xiàn)irefox，Safari，IE9 +; iOS，Android，Windows Phone 7+
許可證：MIT

Foundation注意事項
Foundation是一個真正專業(yè)的前端框架，提供商業(yè)支持，培訓(xùn)和咨詢服務(wù)。它還提供了許多資源，可幫助你更快，更輕松地學(xué)習(xí)和使用框架。

3.Semantic UI

Semantic UI是使構(gòu)建網(wǎng)站更加語義化的框架。它利用自然語言原理，從而使代碼更具可讀性和可理解性。

創(chuàng)作者：Jack Lukic
發(fā)布：2013
當(dāng)前版本：2.3
人氣：GitHub上有40134顆星
描述：“基于自然語言有益原則的UI組件框架”
核心概念/原則：語義，tag ambivalence，可響應(yīng)
框架大?。?06 KB
預(yù)處理器：少
響應(yīng)：是的
模塊化：是的
開始模板/布局：是的，提供了一些基本的初學(xué)者模板
圖標(biāo)集：Font Awesome
附加功能/附加組件：否
獨特的組件：Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape
文檔：非常好，提供組織良好的文檔，另外還有一個單獨的網(wǎng)站，提供入門指南，自定義和創(chuàng)建主題
定制：沒有GUI定制器，只有手動定制
瀏覽器支持：Firefox，Chrome，Safari，IE10 +（IE9僅支持瀏覽器前綴），Android 4，Blackberry 10
許可證：MIT

關(guān)于Semantic UI的注意事項
Semantic是極具創(chuàng)新性和功能全面的前端框架。其框架的總體結(jié)構(gòu)、類中清晰邏輯的命名約定方式和語義方面也超過了其它框架。

4.Pure

Pure是一個輕量級的模塊化框架，用純CSS編寫，包含可根據(jù)需要一起使用或分開使用的組件。

創(chuàng)作者：雅虎
發(fā)布：2013
當(dāng)前版本：1.0.0
人氣：GitHub上有18375顆星
說明：“一套小而靈活的CSS模塊，能夠在每個Web項目中使用?！?br/> 核心概念/原則：SMACSS，極簡主義
框架大?。?.8 KB縮小和gzipped
預(yù)處理器：無
響應(yīng)：是的
模塊化：是的
啟動模板/布局：是的
圖標(biāo)集：無；可以改用Font Awesome
附加功能/附加組件：無
獨特的組件：無
文檔：很好
定制：基本的GUI皮膚生成器
瀏覽器支持：Firefox，Chrome，Safari的最新版本; IE7 +; iOS 6.x，7.x; Android 4.x
許可證：Yahoo! Inc. BSD

關(guān)于Pure的注意事項
Pure只為你的項目提供純粹的開始式樣。對于那些不需要全功能框架，但只有特定組件才能包含在其工作中的用戶來說，它是理想之選。

5.UIkit

UIkit是一個易于使用且易于定制的組件的簡明集合。雖然它不如以上框架那么受歡迎，但它提供了相同的功能和質(zhì)量。

創(chuàng)建者：YOOtheme
發(fā)布：2013
當(dāng)前版本：3.0.0
人氣：GitHub上有11954顆星
描述：“用于開發(fā)快速而強(qiáng)大的Web界面的輕量級和模塊化前端框架”
核心概念/原則：RWD，首先移動
框架大小：326.9 KB（壓縮文件夾）
預(yù)處理器：少，Sass
響應(yīng)：是的
模塊化：是的
啟動模板/布局：是的
圖標(biāo)集：UIkit帶有自己的SVG圖標(biāo)系統(tǒng)和庫，其中包含越來越多的輪廓圖標(biāo)
附加功能/附加組件：是的
獨特的組件：文章，F(xiàn)lex, Cover, HTML編輯器
文檔：很好
自定義：高級GUI定制程序僅在版本2（以前的版本）中可用
瀏覽器支持：Chrome，F(xiàn)irefox，Safari，IE9 +
許可證：MIT

關(guān)于UIkit的注意事項
UIkit已成功用于許多WordPress主題。它提供了一個靈活而強(qiáng)大的手動定制機(jī)制。（該框架的早期版本還提供了高級GUI定制工具。）

關(guān)于“前端UI框架Bootstrap、Foundation、Semantic UI、Pure和UIkit有什么區(qū)別”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。