整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
面推薦的幾款主流HTML5框架，上手都比較快，而且網(wǎng)站的教程相對完善，無論是初學還是專業(yè)前端，都能找到適合自己操作的框架。
全球數(shù)以百萬計的網(wǎng)站都是基于 Bootstrap 構(gòu)建的。Bootstrap能讓所有開發(fā)者都能快速上手、所有設備都可以適配、所有項目都適用。此外，bootstrap的官網(wǎng)也有很多教程提供。Bootstrap 包含了十幾個自定義的 jQuery 插件，并自帶以下特性：全局的 CSS 設置、定義基本的 HTML 元素樣式、可擴展的 class，以及一個先進的網(wǎng)格系統(tǒng)。
SUI Mobile 是一套基于 Framework7 開發(fā)的UI庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發(fā)跨平臺Web App。SUI Mobile 的組件都是按照iOS風格設計的，，非常輕量，核心庫壓縮Gzip后的JS、CSS網(wǎng)絡傳輸體積總共只有52K，卻提供了20+個常用的組件。網(wǎng)站內(nèi)有詳細的編碼介紹。
jQuery Mobile 是針對觸屏智能手機與平板電腦的網(wǎng)頁開發(fā)框架。如果開發(fā)者了解 jQuery，可以很容易的學習 jQuery Mobile。
jQuery UI 主要分為3個部分：交互、微件和效果庫。主打代碼開源，操作繼承了jQuery 的簡單特性，兼容各主流桌面瀏覽器。
請大家多多關注我的頭條號，謝謝大家
著HTML5開發(fā)的火熱，如今國內(nèi)各行業(yè)都開始進入HTML5領域，搶占紅利，造就了職場新貴，HTML5開發(fā)成了一輪企業(yè)熱招崗位。初學HTML5你并不需要任何的原生應用編程經(jīng)驗，你只需要一些HTML、CSS和JavaScript的知識。不可否認HTML5將會越來越好，因為移動端的硬件也會越來越強，其實你手機上的很多應用已經(jīng)悄悄的使用混合式開發(fā)了，這也許就是HTML5的魅力所在吧。
目前已經(jīng)有很多的框架可以幫助你開發(fā)跨平臺的移動應用，在這篇文章中，千鋒武漢HTML5培訓的老師只介紹最牛的7個HTML5移動開發(fā)框架。
1、IONIC
IONIC是目前最有潛力的一款HTML5手機應用開發(fā)框架。通過SASS構(gòu)建應用程序，它提供了很多UI組件來幫助開發(fā)者開發(fā)強大的應用。它使用JavaScript MVVM框架和 AngularJS來增強應用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動開發(fā)者的共同選擇。即將發(fā)布的AngularJS 2.0將會專注于移動開發(fā)，相信IONIC一定會取得不錯的成就。
IONIC的開發(fā)團隊將盡快開發(fā)出一種通過IONIC creator提供開發(fā)者快速創(chuàng)建IONIC應用的方式。我們將很快就會看到一個支持拖拉功能的可視化開發(fā)工具，幾分鐘內(nèi)開發(fā)一個app將成為可能。
2、Mobile Angular UI
Mobile Angular UI是使用bootstrap 3和AngularJS的響應式移動開發(fā)HTML5框架。
Mobile Angular UI的關鍵字有：
Bootstrap 3
AngularJS
Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒有的。
AngularJS modules，比如 angular-route, angular-touch 和 angular-animate
響應式媒體查詢是將bootstrap作為單獨的文件，你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴，你需要做的只是通過一些AngularJS指令創(chuàng)建友好的用戶體驗。
詳細了解可以看一看the Mobile Angular UI demo page，上面有Mobile Angular UI的實踐，如果你想了解的更深入一些，我建議你讀一讀 getting started with Mobile Angular UI。
3、Intel XDK
Intel XDK 是Inter開發(fā)的一款跨平臺開發(fā)工具，我們可以很容易的通過Intel XDK開發(fā)應用，你需要做的只是下載他們的應用開發(fā)工具，有Linux、Windows和Mac版，它還提供了很多個開發(fā)框架，比如Twitter bootstrap， jQuery Mobile和Topcoat。
4、AppceleratorTitanium
Appcelerator’s Titanium不同于其它框架的是，它是一個開源的框架。
Titanium是混合式移動應用開發(fā)的一站式解決方案，你只需要下載Titanium studio就可以解決所有的事情，Titanium SDK包含了很多手機平臺的APIs和后端云服務。
Titanium使用 Alloy，Alloy是一個快速開發(fā)的手機應用MVC框架，模塊式開發(fā)可以大大減小開發(fā)時間，提高代碼復用。
Titanium studio 還提供了一些code模板。
5、Sencha Touch
Sencha Touch同樣也是HTML5手機應用跨平臺開發(fā)框架，運行iOS/Android/Blackberry。它已經(jīng)誕生很多年了，現(xiàn)在已經(jīng)成為很常用的混合式編程開發(fā)框架。
Sencha Touch可以讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標準，全面兼容Android和Apple iOS設備。
下面是千鋒武漢HTML5培訓的老師總結(jié)出的幾點特性：
基于最新的WEB標準——HTML5，CSS3，JavaScript。整個庫在壓縮和gzip后大約80KB，通過禁用一些組件還會使它更小。
支持世界上最好的設備。Beta版兼容Android和iOS，Android上的開發(fā)人員還可以使用一些專為Android定制的主題。
增強的觸摸事件。在touchstart、touchend等標準事件基礎上，增加了一組自定義事件數(shù)據(jù)集成，如tap、swipe、pinch、rotate等。
數(shù)據(jù)集成。提供了強大的數(shù)據(jù)包，通過Ajax、JSONp、YQL等方式綁定到組件模板，寫入本地離線存儲。
6、Kendo UI
Telerik’s Kendo UI 是一個強大的框架用于快速HTML5 UI開發(fā)。基于最新的HTML5、CSS3和JavaScript標準。
Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強大的數(shù)據(jù)源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。
7、PhoneGap
PhoneGap 恐怕是最老的一個框架了，相信很多人都已經(jīng)聽說過甚至使用過它，但是PhoneGap是基于開源的 Cordova 商業(yè)版本。
第一段PhoneGap代碼是在2008年8月的iPhoneDevCamp上寫成的。創(chuàng)建它的一個主要動力是基于一個幾乎每一個單獨的iPhone開發(fā)新手都要面對的簡單事實：Objective-C是一個對Web開發(fā)人員來說非常陌生的環(huán)境，并且Web開發(fā)人員的數(shù)量遠遠多于Objective-C開發(fā)人員的數(shù)量。
問題是，是否有人可以開發(fā)一個框架，讓Web開發(fā)人員可以利用他們所有的HTML、CSS和JavaScript知識，而且仍舊可以同iPhone的重要本地應用程序(如攝像頭和通訊錄)交互呢？
就在那一年，PhoneGap獲了獎并開始支持Android平臺，對人數(shù)不斷增長的移動開發(fā)人員變得越來越有用，這些人員需要在更多的平臺上獲得代碼支持。
大家可以到PhoneGap documentation官方文檔開始對PhoneGap的學習。
總結(jié)
在這篇文章中，千鋒武漢HTML5培訓的老師跟大家討論了一些HTML5的移動開發(fā)框架，HTML5正式發(fā)布之后，很多開發(fā)者對HTML5又重燃了希望，相信這是個美好的時代，相信它會給我們帶來更多的驚喜。
TML5框架是一類有助于快速輕松創(chuàng)建響應式網(wǎng)站的程序包。這些HTML5框架有著能減輕編程任務和重復代碼負擔的神奇功能。關于HTML5的框架種類繁多，并且很瘦歡迎，因為它能允許開發(fā)人員花費更少的時間和精力去創(chuàng)建一個令人驚艷的網(wǎng)站。在本文中，我們將為大家介紹十佳HTML5響應式框架，歡迎品鑒！
GroundworkCSS是一個基于Sass預處理器的開源項目，主要用于快速構(gòu)建響應式Web應用程序。它擁有一個靈活的、可嵌套的網(wǎng)格系統(tǒng)，可以創(chuàng)建適應多種瀏覽設備的布局。Groundwork還提供多種UI組件，如導航、按鈕、圖標、表單、Tabs、對話框、工具提示等等。
MontageJS是一個現(xiàn)代化、完整的HTML5框架，旨在創(chuàng)建單頁的應用程序。MontageJS可以幫助您構(gòu)建高可擴展性和可維護性的HTML5應用。有了MontageJS，開發(fā)人員可以創(chuàng)建可重用的用戶界面組件和模塊、組件和控制器之間的綁定屬性，并且同步DOM查詢和更新，以確保流暢的用戶體驗。
52Framework是一個Web開發(fā)框架，它能實現(xiàn)HTML5和CSS3。它是一個跨瀏覽器的框架，可以在所有主流的瀏覽器上運行，包括IE6。它主要是采用一個HTML5 enabling JavaScript file文件來實現(xiàn)的。
Twitter Bootstrap是目前很受歡迎的前端框架。它基于HTML、CSS、Javascript的，其簡潔靈活使得Web開發(fā)更加快捷。
SproutCore是一款高人氣前端框架，并且利用MVC架構(gòu)規(guī)范構(gòu)建而成。它能與任何后端服務器技術搭配使用。事實上，一旦部署之后，SproutCore應用只包含標準的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore應用。
Foundation是一個易用、強大而且靈活的框架，用于構(gòu)建基于任何設備上的Web應用。同時還提供多種Web上的UI組件，如表單、按鈕、Tabs 等。
Base是一款基于語義的、輕量和可擴展的框架，可用來幫你快速創(chuàng)建一個響應式站點。
Onsen UI是一個前端的開發(fā)框架，用于構(gòu)建PhoneGap/Cordova應用。其側(cè)重于創(chuàng)建移動應用。
Enyo是一款先進的前端開發(fā)框架，適用于開發(fā)與原生應用類似的HTML 5應用。
Ionic是個高級的HTML5移動端應用框架，是個很漂亮的使用HTML5開發(fā)混合移動應用前端框架，目前支持：iOS 6+和Android 4.1+ 。
本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
