1. 程式人生 > >幾款常見的HTML5響應式Web開發框架

幾款常見的HTML5響應式Web開發框架

    HTML5的火熱促發了很多HTML5開發培訓班的興起,同時也推動了HTML5技術的深化。目前市場上存在著大量“HTML 5開發框架”,足以為我們提供各類必要功能與元件,從而順利而且高效地搞定移動應用開發任務。雖然,原生移動應用能夠提供更出色的功能性、安全水平以及令人讚歎的設計效果。但是,通過使用正確的框架,我們也能夠很容易地設計出一套基於Web的HTML 5移動應用,並使其擁有與原生應用非常類似的使用感受,今天我們來了解一下在HTML5開發中常用到的幾款框架。 1) GroundworkCSS 2       GroundworkCSS 2是一款響應式HTML 5、CSS以及JavaScript框架。這套框架擁有一套強大的網格系統外加對應劃分功能,足以滿足各類桌上型電腦、智慧手機以及平板裝置的需要。       其網站還提供數量可觀的使用示例及說明文件,足以幫助大家快速實現原型設計以及面向標準網站、電子商務網站以及圖片庫等應用場景的佈局模板。值得強調的是,這套框架還提供其它一些功能,例如響應式文字以及易於定製特性。 2) MontageJS       MontageJS是一套極具人氣的HTML 5框架,其專長之處在於支援高效能與可擴充套件性Web應用的開發。這套框架提供一系列面向元件的HTML模板,從而幫助這些元件擺脫對JavaScript或者CSS的依賴性。       它還提供一套模組化方法,能夠實現元件的可複用性及程式碼組織。另外,MontageJS的其它優勢還包括基於雲的視覺創作環境、功能性反應繫結(簡稱FRB)以及隱含事件代理等等。 3) 52Framework       52 Framework是一套強大的前端開發框架,其能夠充分發揮HTML 5、CSS 3以及JavaScript的可觀潛能。 這套框架當中捆綁有大量內建功能,具體包括HTML 5視訊播放器、HTML 5表單驗證、CSS 3屬性、網格系統以及HTML 5 canvas示例等。 4) Twitter Bootstrap       Twitter Bootstrap是一套強大的前端框架,能夠利用HTML、CSS以及JavaScript快速簡單地實現Web應用開發任務。 這套框架為開發人員提供一系列極具實用性的功能,具體包括一套12列響應式網格系統、JavaScript外掛外加HTML元素等等。它還提供一系列可複用元件,從而實現導航、下拉選單、麵包屑導航、排版、提醒以及進度條等功能。 5) SproutCore       SproutCore是一款高人氣前端框架,且利用MVC架構規範構建而成。立足於HTML 5的強大能力,它允許我們通過高效客戶端邏輯與高質量主題特性構建出執行速度出色且具備可擴充套件能力的Web應用程式。 6) Foundation       Foundation是目前網路社群內應用範圍最廣的前端開發框架之一。這套框架能夠提供一系列覆蓋其網格系統的佈局選項,同時具備多種現代功能特性,包括複雜佈局、動畫效果、快速原型設計以及更多。 它還提供數套內建HTML模板,幫助大家快速開發出各類網站與網頁成果,具體包括電子商務首頁、旅行網站、線上雜誌、部落格站點以及產品頁面等。     HTML 5應用的開發難度要遠遠低於面向iOS或者Android系統平臺的原生應用開發難度。HTML 5方案的另一大優勢在於,我們可以通過更為便捷的方式實現Web應用釋出——相比之下,原生應用則只能接受稽核以獲得在相關應用程式商店中的上架權。另外,與原生應用不同,我們也能夠很輕鬆地對HTML 5應用中的漏洞進行修復或者進行功能改進。