|
發(fā)布時間：2018-03-22作者：laosun
現(xiàn)在有大量的CSS前端框架可用。但真正好的屈指可數(shù)。本文將比較五個最佳前端框架，每個框架都有自己的長處和短處，以及特定的應用領(lǐng)域，使你可以根據(jù)特定項目的需求進行選擇。例如，如果項目很簡單，則不需要使用復雜的框架。此外，許多選項都是模塊化的，只允許使用你需要的組件，甚至可以混合來自不同前端框架的組件。
1.BootstrapBootstrap是當前可用前端框架中無可爭議的NO.1。鑒于其巨大的知名度，每天仍在不斷增長，可以肯定，這個奇妙的工具不會讓你失望。 
創(chuàng)作者：Mark Otto and Jacob Thornton. 發(fā)布時間：2011年 當前版本：4.0 人氣：GitHub上有122825顆星 描述：“簡潔，直觀且功能強大的前端框架，可實現(xiàn)更快、更輕松的網(wǎng)頁開發(fā)。” 核心概念/原則：RWD和移動優(yōu)先。 框架大小：578 KB（預編譯的zip文件夾） 預處理器：Sass 響應：是的 模塊化：是的 啟動模板/布局：是的 圖標集：不包括 附加功能/附加組件：沒有捆綁，但有許多第三方插件可用。 獨特的組件（與下面前端框架相比較）：Jumbotron，Card 文檔：非常好 定制：為網(wǎng)格系統(tǒng)和重啟提供獨立文件選項，使用Sass輕松定制；沒有在線定制器 瀏覽器支持：最新版本的Firefox，Chrome，Safari，IE810-11-Microsoft Edge。 許可證：MIT
Bootstrap的注意事項 Bootstrap的主要優(yōu)勢在于其廣受歡迎。從技術(shù)上講，它不一定比其他的框架好，但與其他四個前端框架相比較，它提供了更多的資源（文章和教程，第三方插件和擴展，主題構(gòu)建器等）?？傊?，Bootstrap無處不在。這是程序員繼續(xù)選擇它的主要原因。 2.FoundationFoundation是頂部前端框架的第二大玩家。有了像ZURB這樣堅實的后盾，這個框架有了一個真正強大的基礎(chǔ)。畢竟，F(xiàn)oundation在包括Facebook，Mozilla，易趣，雅虎在內(nèi)的許多大型網(wǎng)站上使用，還有國家地理等等。 
創(chuàng)作者：ZURB 發(fā)布時間：2011年 當前版本：6 人氣：GitHub上有27130顆星 描述：“先進的響應式前端框架” 核心概念/原則：RWD，移動優(yōu)先，語義 框架大小：197.5 KB 預處理器：Sass 響應：是的 模塊化：是的 啟動模板/布局：是的 圖標集：基礎(chǔ)圖標字體 附加功能/附加組件：是的 獨特的組件：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è)支持，培訓和咨詢服務。它還提供了許多資源，可幫助你更快，更輕松地學習和使用框架。 3.Semantic UISemantic UI是使構(gòu)建網(wǎng)站更加語義化的框架。它利用自然語言原理，從而使代碼更具可讀性和可理解性。 
創(chuàng)作者：Jack Lukic 發(fā)布：2013 當前版本：2.3 人氣：GitHub上有40134顆星 描述：“基于自然語言有益原則的UI組件框架” 核心概念/原則：語義，tag ambivalence，可響應 框架大?。?06 KB 預處理器：少 響應：是的 模塊化：是的 開始模板/布局：是的，提供了一些基本的初學者模板 圖標集：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.PurePure是一個輕量級的模塊化框架，用純CSS編寫，包含可根據(jù)需要一起使用或分開使用的組件。 
關(guān)于Pure的注意事項 Pure只為你的項目提供純粹的開始式樣。對于那些不需要全功能框架，但只有特定組件才能包含在其工作中的用戶來說，它是理想之選。 5.UIkitUIkit是一個易于使用且易于定制的組件的簡明集合。雖然它不如以上框架那么受歡迎，但它提供了相同的功能和質(zhì)量。 
創(chuàng)建者：YOOtheme 發(fā)布：2013 當前版本：3.0.0 人氣：GitHub上有11954顆星 描述：“用于開發(fā)快速而強大的Web界面的輕量級和模塊化前端框架” 核心概念/原則：RWD，首先移動 框架大?。?26.9 KB（壓縮文件夾） 預處理器：少，Sass 響應：是的 模塊化：是的 啟動模板/布局：是的 圖標集：UIkit帶有自己的SVG圖標系統(tǒng)和庫，其中包含越來越多的輪廓圖標 附加功能/附加組件：是的 獨特的組件：文章，F(xiàn)lex, Cover, HTML編輯器 文檔：很好 自定義：高級GUI定制程序僅在版本2（以前的版本）中可用 瀏覽器支持：Chrome，F(xiàn)irefox，Safari，IE9 + 許可證：MIT
關(guān)于UIkit的注意事項 UIkit已成功用于許多WordPress主題。它提供了一個靈活而強大的手動定制機制。（該框架的早期版本還提供了高級GUI定制工具。）
|
