1. 程式人生 > >-準備學習移動端框架

-準備學習移動端框架

下個星期開始學移動端框架了,先碼一波好用的框架。   1、jQuery Mobile   jQuery Mobile 是 jQuery 在手機上和平板裝置上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發佈一個完整統一的jQuery移動UI框架。支援全球主流的移動平臺。jQuery Mobile開發團隊說:能開發這個專案,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發人員開發出真正的移動Web網站。   2、jQTouch   jQTouch 是一個 jQuery 的外掛,主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、預設應用樣式等各種常見UI效果的 JavaScript 庫。支援包括 iPhone、Android 等手機。   3、DHTMLX Touch   DHTMLX Touch是一個免費的HTML5/JavaScript框架,專門為觸控式螢幕裝置而優化。為您帶來快速開發工藝精美的移動Web應用程式的能力。DHTMLX Touch UI Designer是一個視覺化的編輯器用於構建移動使用者介面。它能夠幫您以最少的編碼構建一流的使用者介面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的使用者介面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。   4、Mobilize.js   Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標準網站快速,簡便地構建移動網站。這個框架其實就是將需要在移動裝置上顯示的部分頁面以jQuery Mobile的預設主題顯示,而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站,但對於基於WordPress和Sphinx的網站不需要使用該框架轉換,因為已經有非常多的外掛可以使用。   5、The M Project   The-M-Project是另外一個強大的JavaScript框架,它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟體架構模式。它還支援離線,所以你的使用者可以在沒有連線網路的情況下繼續操作(當下次有連線的時候,再將資料同步到伺服器中)。提供優秀的文件(這個專案擁有一個引導新使用者入門的開發指南)。可以檢視提供的示例來對該專案有一個初目的瞭解。這些示例包括:ToDo App(待辦事專案應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。   6、

WebApp.Net   WebApp.Net 提供了很多的 API,因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 呼叫的編碼,因為已經內建了,另外還有很多其它內建功能,提供了詳細的文件和應用演示。   7、Wijmo   Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的效能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支援ThemeRoller。   8、960 Grid on jQuery-Mobile   jquery-mobile-960 是一個用於移動 Web 開發的網格框架,綜合了 960.gs
的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 佈局更加的靈活,使得應用應許在移動終端更加易用。   9、Sencha Touch Framework   Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架,支援最新的 HTML5 和 CSS3 標準,全面相容 Android 和 Apple iOS 裝置,提供了豐富的 WEB UI 元件,可以快速的開發出運行於移動終端的應用程式。Shencha是第一個使用HTML5,CSS和JavaScript並且支援音訊/視訊,本地儲存,圓角,漸變背景以及陰影的開發框架。   10、NimbleKit   NimbleKit 是為 iOS 裝置構建應用程式最快速的方式,你不需要知道 Objective-C 或者 iOS SDK,你只需結合 JavaScript 程式碼編寫 HTML 頁面就可以了。   11、Touchy™ Boilerplate   Touchy Boilerplate 是一個用來建立移動web app,包括HTML模板,Meta tag等的工具。Touchy可以支援動態頁面導航,固定頁頭,滾動內容,瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。   12、PhoneGap   PhoneGap是一個用基於HTML,CSS和JavaScript的,建立移動跨平臺移動應用程式的快速開發平臺。它使開發者能夠利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智慧手機的核心功能——包括地理定位,加速器,聯絡人,聲音和振動等,此外PhoneGap擁有豐富的外掛,可以以此擴充套件無限的功能。PhoneGap是免費的,但是它需要特定平臺提供的附加軟體,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套開發。使用PhoneGap只比為每個平臺分別建立應用程式好一點點,因為雖然基本程式碼是一樣的,但是你仍然需要為每個平臺分別編譯應用程式。   13、joshfire   Joshfire是一個開源的跨裝置開發框架,幫助開發者建立可以在多種裝置上執行的web app。它使用HTML5和JavaScript,並且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤,滑鼠,觸控式螢幕,遙控器等裝置的輸入。Joshfire支援Node.JS。4.Sencha Touch:基於HTML5的移動網頁開發框架。   14、 Julia   Julia框架由基本CSS3檔案、JS庫和各個平臺的執行庫構成。不像PhoneGap,Julia不僅僅包含呼叫本機程式碼的介面層,它還包含 Model-View-Controller(MVC)支援,Delegation支援,OAuth支援,非同步資料庫存取介面,HTML選擇符(類jQuery呼叫介面),HTML模版(允 許嵌入JS程式碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單,是的,你終於可以用HTML5開發一個完整的、跨平臺 的、不亞於本機程式碼的、易於維護的移動應用了!大幕即將揭曉,讓我們一起進入移動開發的新時代   15、SproutCore HTML5 Application Framework   SproutCore 是一個 HTML5 移動 Web 開發框架,它的目標是在無需瀏覽器外掛的情況下,在瀏覽器中位應用程式提供極佳的桌面效果。   16、Titanium   這是一個強大的,健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發原生移動應用。作為一個越來越大的移動Web框架,它擁有超過300個的APIs和活躍的開發者社群。你從這個社群中得到每一個開發人員的幫助。Titanium Mobile支援原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動裝置的攝像頭和本地檔案儲存系統相互動的特性。   17、Lungo.js   Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程式開發框架。利用這框架開發的應用程式可執行所有流行的平臺包括:iOS, Android, Blackberry 和 WebOs。它還支援觸控事件如:tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖示,所有都向量化。可以在這個框架中使用HTML5擁有的一些特性如:WebSQL, 地理位置定位,歷史或裝置方向等。Lungo.js是一個模組化並且完全可定製的框架。   18、xui.js   有時候你可能需要一個超輕量級的框架,只要擁有用於開發標準客戶端所需要的功能如:DOM操作,事件處理,Ajax和一些動畫效果。如果是這樣的話,這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。   19、EmbedJS   EmbedJS是一個用於嵌入式裝置的JavaScript框架如:行動電話,TVs、tablets和so forth。EmbedJS強大之處在於,它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的程式碼,為使用者提供最佳的體驗。而且假如你喜歡自己定製,可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現,所以你如果熟悉Dojo API語法,那EmbedJS將是你最佳的選擇。   20、zepto.js   zepto.js是一個專為mobile WebKit瀏覽器(如:Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念,能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架,是超輕量級的,只有5KB。zepto.js的語法借鑑並且相容jQuery。   21、Baker   Baker是用來在iPad或者iPhone平臺上釋出互動式的電子書或者電子雜誌的HTML5電子書框架。   22、ChocolateChip-UI   ChocolateChip-UI 是一個手機移動 Web 開發框架,採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.   23、Magazine Grid   Magazine Grid 是一個超現代的 CSS 框架,用於 iPad 和 iPhone 手機,使用類似雜誌的設計風格。Magazine Grid 可讓使用者使用 HTML5 元素來組織雜誌頁,非常輕量級(<4k),在移動裝置上載入非常快,對老的瀏覽器也支援。   24、Kendo UI   Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的資料來源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控制元件。   25、HTML App Host Framework   這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管框架,使用 HTML5 技術。該框架由支援在標準 xap 格式中嵌入 html 應用的控制元件。