2016主流前端框架部分整理
05-03
最近一段時間一直在為公司新項目做前端框架篩選整理工作,特地把整理出來的結果拿出來寫一寫。可能會有不少錯誤,敬請指正,還望海涵。排名不分先後,各位權當做個參考。
-
bootstrap
簡介:最受歡迎的前端框架,多解析度適配,多瀏覽器平台兼容,bootstrap3.0版本之後優先移動開發方向,編寫靈活,覆蓋主流頁面類型元素,可進行框架定製。
熱度:Github上共102395個星類型:CSS、JS
模塊化:Yes響應式:Yes兼容性:IE8+、Chrome、Firefox、Opera、Safari、移動瀏覽器核心原則/理念:開放、多瀏覽器支持、靈活框架大小:145K (不包括Jquery)
BSIE
簡介:
Bootstrap擴展庫,適用於對Bootstrap對IE6的兼容性問題的解決,可令bootstrap絕大多數特性運行於IE6之上。熱度:GitHub上共642個星類型:JS模塊化:未知響應式:
Yes兼容性:針對IE6/7核心原則/概念:兼容IE6/7框架大小:14K
jQuery
簡介:運行快速、體積小巧且有豐富功能的JavaScript庫,通過簡單的引用庫文件等方式即可實現事件處理、動畫、Ajax等易於使用的API
熱度:
Github上共41868個星 類型:JS模塊化:YES響應式:Yes兼容性:移動瀏覽器、IE 9+ firefox 1.5+ Safari 2.0+ Opera 9.0+核心概念/原則:
開放、多瀏覽器支持、靈活-
jQuery Mobile
簡介:jQuery Mobile針對移動是被開發的jQuery框架,適用於多數流行的智能手機和平板電腦。熱度:Github上共9978個星 類型:JS、CSS
模塊化:Yes
-
SUI Mobile
簡介:基於Bootstrap前端庫,由淘寶團隊成員開發SUI Mobile使基於Framework7開發,輕量級UI庫,支持ios 6.0+和android 4.0+,適合跨平台web app開發,可提供20多個常用UI組件
熱度:Github上共3928個星類型:CSS、JS模塊化:Yes響應式:Yes兼容性:移動瀏覽器、IE 9+ firefox 1.5+ Safari 2.0+ Opera 9.0+核心概念/原則:移動瀏覽器優先輕量級、多瀏覽器支持大小:52K -
MUI
簡介:追求性能體驗,輕量必然是重要特徵,MUI不依賴任何第三方JS框架,接近原生APP體驗的前端框架,不依賴任何第三方JS庫,以ios7平台UI為基礎,補以android特有控制項。熱度:Github上共4469個星類型:CSS、JS響應式:Yes模塊化:Yes兼容性:移動瀏覽器、混合式App核心概念/原則:移動瀏覽器優先、輕量級、跨平台支持框架大小:160K+ -
ReactJS
簡介:輕量級web開發框架,非MVC框架,響應式更新簡易,實現了單向相應數據流,減少了重複代碼工作量,使用虛擬DOM,可減少瀏覽器負載,提高性能,適合作為MVC架構的View層來使用。需要額外使用flux和routing來補全框架能力。熱度:Github上共51829個星類型:JS響應式:YES模塊化:Yes兼容性:移動瀏覽器、混合式APP、IE9+、Chrome、FireFox、Opera核心概念/原則:移動瀏覽器優先、輕量級、跨平台支持框架大小:680K -
Ionic(IonicFramework)
簡介:輕量級混合式HTML5移動開發框架,適用於跨平台混合應用,通過sass構建應用程序,提供多種UI組件,使用JavaScript MVVM框架與AngularJS增強應用,適配移動應用,提供數據雙向綁定,可以實現接近原生應用的體驗。熱度:Github上共26173個星類型:JS、CSS響應式:Yes模塊化:Yes兼容性:混合式web app開發核心原則/概念:混合式web app開發、輕量級、跨平台支持 -
AngularJS
簡介:為克服HTML在構建應用不足而設計,使用函數類庫實現web APP的數據結構與邏輯問題,其通過使用標識符(directive)結構,以使得瀏覽器識別新語法。通過AngularJS可以實現數據綁定、基本模板標識符、表單驗證、組件驗證等。熱度:Github上共52776個星類型:JS模塊化:Yes響應式:None兼容性:混合式開發、移動瀏覽器、IE9+、FireFox、Safari、Opera、chrome核心概念/原則:web開發數據綁定、數據驅動框架大小:156KMeteorJS
簡介:即時web應用開源框架,使用分散式數據協議在客戶端和伺服器間傳送數據,Meteor後端基於Node和MongoDB,並且使用MongoDB來存儲數據,在前端和後端應用方向同時使用Meteor API。熱度:類型:JS響應式:未知模塊化:未知兼容性:混合式web app開發、web開發核心概念/原則:數據驅動、客戶端語言伺服器通訊大小:未知 -
Arale
簡介:支付寶前端解決方案,基於SeaJS和CMD規範。Arale 是一個開放、簡單、易用的前端基礎類庫。熱度:Github上共1361個星類型:JS
模塊化:Yes響應式:Yes核心概念/原則:開放、簡單、易用兼容性:高兼容性、多瀏覽器支持、大小:未知
-
Sea.JS
簡介:遵循CMD規範,以來自動載入、配置簡潔明晰,提供常用插件,具有豐富可擴展介面。熱度:在GitHub上有6049個星類型:JS響應式:Yes模塊化:Yes兼容性:IE5.5+ ,Opera 10+, Safari 3.2+,Firefox 2+,Chrome 3+,移動瀏覽器核心概念/原則:開放、簡單、自然、模塊化大小:未知 -
Foundation
簡介:Foundation 是一個易用、強大而且靈活的響應式前端框架,用於構建基於任何設備上的響應式網站、 Web應用和電子郵件。結構語義化、移動設備優先、完全可定製。熱度:在Github上有24300+ stars類型:CSS、JS響應式:Yes模塊化:Yes兼容性:Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+核心概念/原則:RWD 、手機優先、語義化大小:180k -
Materialize
簡介:Materialize是一個基於Material Design風格設計的一個現代化的響應式前端框架。提供默認的Material Design樣式,結合了您的自定義組件。此外,他們還改進動畫和過渡,為開發人員提供流暢的體驗。熱度:在Github上有22070個星類型:CSS、JS模塊化:Yes
框架大小:
85KjQueryUI 簡介:jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。熱度:Github上共9716個星類型:JS、CSS
模塊化:Yes響應式:Yes兼容性:移動瀏覽器、IE 9+ firefox 1.5+ Safari 2.0+ Opera 9.0+核心概念/原則:開放、多瀏覽器支持、靈活框架大小:279K
響應式:
Yes兼容性:移動瀏覽器為主、IE9+、firefox1.6+、Safari、Opera10+核心概念/原則:移動瀏覽器優先、開放、靈活框架大小:397K(未壓縮)推薦閱讀:
※前端日刊-2018.02.05
※2018-02-12 入門前端的必要軟體
※序章 曦粥簡言
※前端日刊-2018.01.26
※記一次前端面試