html5 移動開源框架有哪些

很久以前整理了篇將手機(jī)網(wǎng)站做成手機(jī)應(yīng)用的JS框架。時隔一年多，很多新的技術(shù)已經(jīng)出現(xiàn)，下面再來總結(jié)下還有哪些框架是適合面向手機(jī)設(shè)備的開發(fā)的。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),西鄉(xiāng)塘企業(yè)網(wǎng)站建設(shè),西鄉(xiāng)塘品牌網(wǎng)站建設(shè),網(wǎng)站定制,西鄉(xiāng)塘網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,西鄉(xiāng)塘網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發(fā)團(tuán)隊(duì)說：能開發(fā)這個項(xiàng)目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站。

2、jQTouch

jQTouch 是一個 jQuery 的插件，主要用于手機(jī)上的 Webkit 瀏覽器上實(shí)現(xiàn)一些包括動畫、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機(jī)。

3、DHTMLX Touch

DHTMLX Touch是一個免費(fèi)的HTML5/JavaScript框架，專門為觸摸屏設(shè)備而優(yōu)化。為您帶來快速開發(fā)工藝精美的移動Web應(yīng)用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用于構(gòu)建移動用戶界面。它能夠幫您以最少的編碼構(gòu)建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強(qiáng)大的用戶界面。包括一個menu app for the iPad (適用于開發(fā)餐廳應(yīng)用) 和Book Shop (一個電子書店應(yīng)用)。

4、Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用于從任何現(xiàn)在有標(biāo)準(zhǔn)網(wǎng)站快速，簡便地構(gòu)建移動網(wǎng)站。這個框架其實(shí)就是將需要在移動設(shè)備上顯示的部分頁面以jQuery Mobile的默認(rèn)主題顯示，而不是實(shí)現(xiàn)一個全新完整的移動頁面。Mobilize.js 可用于任意網(wǎng)站，但對于基于WordPress和Sphinx的網(wǎng)站不需要使用該框架轉(zhuǎn)換，因?yàn)橐呀?jīng)有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個強(qiáng)大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發(fā)移動應(yīng)用。這個框架遵循著名的MVC軟件架構(gòu)模式。它還支持離線，所以你的用戶可以在沒有連接網(wǎng)絡(luò)的情況下繼續(xù)操作(當(dāng)下次有連線的時候，再將數(shù)據(jù)同步到服務(wù)器中)。提供優(yōu)秀的文檔(這個項(xiàng)目擁有一個引導(dǎo)新用戶入門的開發(fā)指南)?？梢圆榭刺峁┑氖纠齺韺υ擁?xiàng)目有一個初目的了解。這些示例包括：ToDo App(待辦事項(xiàng)目應(yīng)用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API，因此可以幫助你節(jié)省很多工作了。不需要花時間去進(jìn)行 Ajax 調(diào)用的編碼，因?yàn)橐呀?jīng)內(nèi)置了，另外還有很多其它內(nèi)置功能，提供了詳細(xì)的文檔和應(yīng)用演示。

7、Wijmo

Wijmo是一個基于jQuery UI的UI部件的套件。Wijmo部件進(jìn)行了優(yōu)化客戶端Web開發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個用于移動 Web 開發(fā)的網(wǎng)格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應(yīng)用應(yīng)許在移動終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個基于 HTML5 的移動 Web 開發(fā)框架，支持最新的 HTML5 和 CSS3 標(biāo)準(zhǔn)，全面兼容 Android 和 Apple iOS 設(shè)備，提供了豐富的 WEB UI 組件，可以快速的開發(fā)出運(yùn)行于移動終端的應(yīng)用程序。Shencha是第一個使用HTML5，CSS和JavaScript并且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發(fā)框架。

10、NimbleKit

NimbleKit 是為 iOS 設(shè)備構(gòu)建應(yīng)用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結(jié)合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy? Boilerplate

Touchy Boilerplate 是一個用來創(chuàng)建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態(tài)頁面導(dǎo)航，固定頁頭，滾動內(nèi)容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個用基于HTML，CSS和JavaScript的，創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴(kuò)展無限的功能。PhoneGap是免費(fèi)的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發(fā)。使用PhoneGap只比為每個平臺分別建立應(yīng)用程序好一點(diǎn)點(diǎn)，因?yàn)殡m然基本代碼是一樣的，但是你仍然需要為每個平臺分別編譯應(yīng)用程序。

13、joshfire

Joshfire是一個開源的跨設(shè)備開發(fā)框架，幫助開發(fā)者創(chuàng)建可以在多種設(shè)備上運(yùn)行的web app。它使用HTML5和JavaScript，并且允許開發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用。Joshfire可以讓你的應(yīng)用接受鍵盤，鼠標(biāo)，觸摸屏，遙控器等設(shè)備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移動網(wǎng)頁開發(fā)框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個平臺的運(yùn)行庫構(gòu)成。不像PhoneGap，Julia不僅僅包含調(diào)用本機(jī)代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數(shù)據(jù)庫存取接口，HTML選擇符(類jQuery調(diào)用接口)，HTML模版(允 許嵌入JS代碼)等應(yīng)用開發(fā)必備的API接口。 基于Julia的應(yīng)用開發(fā)就像網(wǎng)站開發(fā)那么簡單，是的，你終于可以用HTML5開發(fā)一個完整的、跨平臺 的、不亞于本機(jī)代碼的、易于維護(hù)的移動應(yīng)用了！大幕即將揭曉，讓我們一起進(jìn)入移動開發(fā)的新時代

15、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發(fā)框架，它的目標(biāo)是在無需瀏覽器插件的情況下，在瀏覽器中位應(yīng)用程序提供極佳的桌面效果。

16、Titanium

這是一個強(qiáng)大的，健壯的移動Web開發(fā)框架。能夠讓使用現(xiàn)有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發(fā)原生移動應(yīng)用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發(fā)者社區(qū)。你從這個社區(qū)中得到每一個開發(fā)人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設(shè)備的攝像頭和本地文件存儲系統(tǒng)相交互的特性。

17、Lungo.js

Lungo.js 是一個采用HTML5, CSS3 和JavaScript技術(shù)實(shí)現(xiàn)的移動Web應(yīng)用程序開發(fā)框架。利用這框架開發(fā)的應(yīng)用程序可運(yùn)行所有流行的平臺包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標(biāo)，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設(shè)備方向等。Lungo.js是一個模塊化并且完全可定制的框架。

18、xui.js

有時候你可能需要一個超輕量級的框架，只要擁有用于開發(fā)標(biāo)準(zhǔn)客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架采用GZIP壓縮完之后只有4.2 KB。

19、EmbedJS

EmbedJS是一個用于嵌入式設(shè)備的JavaScript框架如：移動電話，TVs、tablets和so forth。EmbedJS強(qiáng)大之處在于，它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應(yīng)的開發(fā)版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗(yàn)。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實(shí)現(xiàn)。EmbedJS基于Dojo實(shí)現(xiàn)，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發(fā)的一個JavaScript框架。它標(biāo)榜自己在其簡約的開發(fā)理念，能夠幫助開發(fā)人員簡單、快速地完成開發(fā)交付任務(wù)。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒并且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平臺上發(fā)布交互式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個手機(jī)移動 Web 開發(fā)框架，采用 HTML5, WAML, CSS 和 JavaScript等技術(shù)實(shí)現(xiàn)?；?ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個超現(xiàn)代的 CSS 框架，用于 iPad 和 iPhone 手機(jī)，使用類似雜志的設(shè)計風(fēng)格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(4k)，在移動設(shè)備上加載非?？?，對老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個強(qiáng)大的框架用于快速HTML5 UI開發(fā)。基于最新的HTML5、CSS3和JavaScript標(biāo)準(zhǔn)。 Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強(qiáng)大的數(shù)據(jù)源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

25、HTML App Host Framework

這是一個用于構(gòu)建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技術(shù)。該框架由支持在標(biāo)準(zhǔn) xap 格式中嵌入 html 應(yīng)用的控件。

html5開發(fā)常用框架

大多數(shù)的 web 開發(fā)者一直在用關(guān)鍵點(diǎn)來尋找動態(tài)的框架，這樣能簡化設(shè)計和開發(fā)工作。

HTML5 框架在所有的 web 瀏覽器和手機(jī)應(yīng)用上都展現(xiàn)了優(yōu)秀的性能。不僅簡化了 HTML5 開發(fā)中 CSS 開發(fā)的沉重負(fù)擔(dān)，還提高了網(wǎng)站的可見性。主要的原因是 HTML5 提供了獨(dú)有的特征，例如特殊的架構(gòu)標(biāo)簽，動畫，瀏覽器支持等。

Ionic ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

Ionic 是一個神奇的框架和強(qiáng)大前端開源系統(tǒng)，使用先進(jìn)的 web 技術(shù)比如 CSS、HTML 和 JS 來創(chuàng)建令人驚嘆的手機(jī)應(yīng)用。已經(jīng)定制了在所有手機(jī)設(shè)備上的快速操作，并且確保簡單的功能和大量的手機(jī)組件。

您可以通過一個命令創(chuàng)建來測試和使用基于任何平臺上的 ionic 應(yīng)用。此外，該框架為它自己的組件提供了一套 Angular 指令（自定義的 HTML 元素），從而使它可以簡單的編寫一行 HTML 代碼。類似指令，它使用視圖動畫邏輯，異步通信，Angular 的觸摸識別和 HTML 清潔處理。

Siimpler

Siimpler 是一個簡單的 HTML 開發(fā)框架，可以通過選擇自己喜歡的部分，來幫助快速又簡單的創(chuàng)建 HTML5 開發(fā)結(jié)構(gòu)。根據(jù)項(xiàng)目需求，可運(yùn)用 Siimpler 開發(fā)你自己熟悉的前端結(jié)構(gòu)。網(wǎng)絡(luò)設(shè)計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 web 項(xiàng)目。

Foundation

Foundation 是世界上最精妙的前端響應(yīng)框架，同時，它可以兼容所有的瀏覽器和網(wǎng)絡(luò)設(shè)備。Foundation 擁有移動友好型的用戶接口，并且獲得了許多的原件來幫助你快速又完美的建立一個響應(yīng)站點(diǎn)。Foundation 設(shè)置了許多關(guān)鍵的特性，例如 HTML，CSS UI 原件，模板，小代碼塊，含有按鈕，表單，字體，導(dǎo)航等功能的響應(yīng)組件。

LimeJS

針對于所有的最新的桌面瀏覽器和觸屏設(shè)備，LimeJS 對于有用戶經(jīng)驗(yàn)的游戲開發(fā)者而言是最好的和最強(qiáng)大的開發(fā)框架。LimeJS 對于在線游戲開發(fā)而言能夠帶來更好的功能和更快的開發(fā)過程，而且適合所有的瀏覽器和觸屏設(shè)備。

Enyo

Enyo 是一個開源的 JavaScript 框架，該框架能夠讓你創(chuàng)建頂級的 HTML5 應(yīng)用程序，該應(yīng)用程序能夠運(yùn)行在各種各樣的電子設(shè)備上，比如說手機(jī)，臺式機(jī)，筆記本，電視，以及 web 應(yīng)用。對于很多流行的手機(jī)公司開發(fā)的重要應(yīng)用都是采用該框架實(shí)現(xiàn)的。

最后：這是對于一個 HTML 開發(fā)公司的獨(dú)特的功能，操作，需求，以及 HTML5 框架的最好的表現(xiàn)。

HTML5開發(fā)常見的7個框架，不可不知！

1、Siimpler

Siimpler 是個簡單的 HTML 開發(fā)框架，他可以通過選擇你自己喜歡的部分，來幫助你迅速又簡單地創(chuàng)建 HTML5 開發(fā)結(jié)構(gòu)。網(wǎng)絡(luò)設(shè)計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 Web 項(xiàng)目。

2、Ionic

Ionic 是個神奇的框架和強(qiáng)大前端開源系統(tǒng)，使用先進(jìn)的Web技術(shù)，比如CSS、HTML 和 JS 來創(chuàng)建令人驚嘆的手機(jī)應(yīng)用。

3、Foundation

Foundation 是世界上精妙的前端響應(yīng)框架，同時，它可以兼容所有的瀏覽器和網(wǎng)絡(luò)設(shè)備。Foundation 擁有移動友好型的用戶接口，設(shè)置了許多關(guān)鍵特性。

4、Enyo

Enyo是一個開源的 Jaa 框架，該框架能夠讓你創(chuàng)建頂級的 HTML5 應(yīng)用程序，該應(yīng)用程序能夠運(yùn)行在各種各樣的電子設(shè)備上，比如說手機(jī)、臺式機(jī)、筆記本、電視以及Web應(yīng)用。

5、LimeJS

針對于所有的新的桌面瀏覽器和觸屏設(shè)備，LimeJS 對于有用戶經(jīng)驗(yàn)的游戲開發(fā)者而言是教好的和較強(qiáng)大的開發(fā)框架。

6、Bootstrap

Bootstrap能讓所有開發(fā)者都能迅速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。此外，bootstrap的官網(wǎng)也有很多教程提供。

7、juery UI

juery UI 主要分為交互、微件和效果庫3個部分，主打代碼開源，操作繼承了juery 的簡單特性，兼容各主流桌面瀏覽器。

前端HTML5是當(dāng)下很多企業(yè)都會用到的軟件開發(fā)，HTML5是移動互聯(lián)網(wǎng)前端的主流開發(fā)語言，目前還沒有任何一種前端開發(fā)技術(shù)能夠取代HTML5。因此，無論是PC端還是APP端的應(yīng)用，前端樣式都離不開HTML5.

以上就是小編今天的分享，希望對大家有所幫助，想要了解更多相關(guān)內(nèi)容，歡迎關(guān)注我們!

網(wǎng)頁題目：html5開源框架,html基礎(chǔ)代碼框架
鏈接分享：http://aaarwkj.com/article24/dssgpce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、自適應(yīng)網(wǎng)站、云服務(wù)器、網(wǎng)站建設(shè)、微信小程序、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)