2022-03-11 18:19發布
?jQTouch?
下面給出部分框架的具體優勢,比較后可以選出適合自己的1, ?jQTouch jQTouch易用性強,相關文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。 不過有簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。 只需要遵守MIT的license許可就可以使用jQTouch了2, jQueryMobile jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的Alpha 2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標準,更有適應性,感覺很像jQTouch的后繼版本,對用戶接口和style的支持范圍更加寬廣了。 jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕松地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶接口,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這里作者希望其將來的版本能從jQTouch那里學習一下,并把現在的功能缺陷處理掉。 jQuery Mobile的相關文檔資料很零散但是有所改進,,(請注意,jQuery Mobile是和jQuery UI相輔相成的,并不是建在單純jQuery之上的) 想獲得jQuery Mobile只需獲得MIT或者GPL2 license。 3, Sencha Touch 這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基于用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。 sencha跟其競爭對手們相比,擴展性強了很多:它擁有大量的用戶接口組件,直接的iPad支持,擁有JSON和HTML5線下存儲技術使得存儲和數據綁定更加方便。(使用Sencha的數據結構來操作app的數據十分酷~它可以實時響應列表的更新)此外,Sencha還是唯一在工具欄上支持內嵌的對象支持,其他方式都是滾輪列表的樣子。 在測試程序中,使用Sencha與jQTouch/jQuery相比,雖然app很明顯地不那么輕量級,但是其性能和可靠性方面明顯提高了,不過其初始化加載時間略慢。 當使用庫library或者框架frame進行開發的時候,不遵守框架或者用自己的方式通常都不會獲得成功。但Sencha的支持范圍足夠寬廣,這意味著可以使用Sencha的開發方式來實現任何需求。在文檔方面,Sencha做的不太好,雖然很廣泛,但是又有很多舊版本的老漏洞沒有及時更新,在這些框架中與bug作斗爭,調試過程浪費了很多時間,因為文檔不夠健全,很多問題難以追蹤或理解。而在開發者論壇響應作者提問的頻率還算較高,不過最終感覺還是不太夠。Sencha提供的付費技術支持起價是$300每年,獲取Sencha需要遵守GPL3 license,以及在某種不是GPL標準又很相似LGPL的授權下也能用,以及遵循非商業license也可以獲得。4,TitaniumMobile 與Sencha Touch很相似,Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來編寫app。不過與Sencha不同的是,Titanium把代碼編譯成Native的iPhone或Android app,這意味著它并不是一個真正的Web框架,而是一個兼容層或者編譯器。(請注意Titanium Mobile的近親Titanium Desktop是一個基于web的,可以使用HTML /js來編寫桌面封裝的本地應用的一款軟件) 這么說來Titanium允許web開發人員使用JavaScript和一點點XML之類的其他相關技術,可以實現高性能、更換皮膚很方便的Native App,而不需要額外去學習Objective-C或者Cocoa Touch等技術了。 不過這個優點也是其致命的缺點,只能作出Titanium所支持的平臺上面的應用,被它們的開發工具限制住了。想證明這一點只需要換一個不是iPhone的平臺上來跑一下就知道了。同時,Titanium的調試器也不怎么樣,不能使用XCode方式運行或者調試,就算在其仿真器上面程序跑的還算不錯,還是需要自己去實際機器上自己再找問題。
1, ?jQTouch jQTouch易用性強,相關文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。 不過有簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。 只需要遵守MIT的license許可就可以使用jQTouch了2, jQueryMobile jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的Alpha 2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標準,更有適應性,感覺很像jQTouch的后繼版本,對用戶接口和style的支持范圍更加寬廣了。 jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕松地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶接口,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這里作者希望其將來的版本能從jQTouch那里學習一下,并把現在的功能缺陷處理掉。 jQuery Mobile的相關文檔資料很零散但是有所改進,,(請注意,jQuery Mobile是和jQuery UI相輔相成的,并不是建在單純jQuery之上的) 想獲得jQuery Mobile只需獲得MIT或者GPL2 license。 3, Sencha Touch 這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基于用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。
強烈推薦ionic?;贏ngular和TypeScript,集成各種cordova插件,即可用來開發cordova應用,又可以開發web app。最酷的是自動適配各平臺原生樣式。至于什么sencha touch,jquery mobile之類的就別考慮了,太老了。ionic是目前最活躍的跨平臺框架之一。TypeScript帶來的生產力提高不是一點半點。
其實不管angular,React還是vue,你做界面的話還得找個ui框架,iojic好處是都集成好了,分分鐘搞個原型出來。
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開發?;谧钚碌腍TML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。25、HTML App Host Framework? 這是一個用于構建基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技術。該框架由支持在標準 xap 格式中嵌入 html 應用的控件。
可以使用qmik,這個框架是專門為移動而開發的, ?它具有體積小(22k,遠遠把jquery mobile ?給丟棄了), ?模塊化開發,在框架本身就已經集成了模塊化開發功能(可以不需要再引入第三化的模塊化開發框架,如seajs,requirejs等) jquery語法,入門很簡單,應用場景也比較豐富
1, ?jQTouch??
2, jQueryMobile
3, Sencha Touch
4,TitaniumMobile
HTML5 + CSS + JavaScript 開發 跨平臺重用代碼?
采用rem單位自動響應,并提供獨有柵格化系統快速定義寬高、邊距節省css代碼量,同時總結各大型移動端網頁,提供一套ui顏色搭配規范,尺寸規范,字體規范等。
iView UI、ioni、SUI
內部圖表大小是與div容器大小位置相關的,如果想調整圖表大小位置,調整div的屬性就可以。如果是想調整圖表與div間上下左右留白,則設置grid屬性就可以。
如果只是普通的移動端用vue react 或者dva 如果是要編譯成小程序什么的或者混生 就用uni-app(對應vue語法)taro(對應react) 或者純原生 這個沒有限制的,自己怎么舒服怎么來
使用 /deep/?注意:使用 cass 和 less 只能使用 /deep/ 這個方法
1. 原生。直接告訴你,開發太慢,不能跨平臺,先不要學。2. 使用WebView的hybrid app,Cordova/ionic 這些。就是用瀏覽器運行html,js,css仿app,我用了好幾年,學習快,開發塊,跨平臺。問題是每個安卓版本/蘋果版本/瀏覽器版本運行效果不一致,有些版本還運...
常用的移動APP開發框架:1、框架:PhoneGapPhoneGap是一個用基于HTML,CSS和JavaScript的,創建移動跨平臺移動應用程序的快速開發平臺。優點:可跨平臺。phonegap框架幫我們解決了差異性,javascript與平臺系統的連接由phonegap框架完成。? ? 提供硬件訪問控...
1. LungoJS 這個是被認為開發移動網站最好的HTML5開發框架,使用 HTML5/CSS3 和 JavaScript 技術??蓭椭鷦摻ɑ?iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需...
手機移動端響應式動畫彈窗提示框插件xwPop,原生JS實現,帶CSS3動畫效果,豐富的JS彈出框提示信息插件,支持基本信息提示、帶圖標loading信息提示、confirm提示、自定義信息提示圖標,仿Ios信息提示,支持較現代的瀏覽器。在沒有壓縮的情況下,代碼大小只有6K...
快速搭建自適應網站:http://www.iisp.com/design/?s=yuqiuping
最多設置5個標簽!
?jQTouch?
下面給出部分框架的具體優勢,比較后可以選出適合自己的
1, ?jQTouch
jQTouch易用性強,相關文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。
不過有簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。
只需要遵守MIT的license許可就可以使用jQTouch了
2, jQueryMobile
jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的Alpha 2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標準,更有適應性,感覺很像jQTouch的后繼版本,對用戶接口和style的支持范圍更加寬廣了。
jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕松地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶接口,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這里作者希望其將來的版本能從jQTouch那里學習一下,并把現在的功能缺陷處理掉。
jQuery Mobile的相關文檔資料很零散但是有所改進,,(請注意,jQuery Mobile是和jQuery UI相輔相成的,并不是建在單純jQuery之上的)
想獲得jQuery Mobile只需獲得MIT或者GPL2 license。
3, Sencha Touch
這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基于用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。
sencha跟其競爭對手們相比,擴展性強了很多:它擁有大量的用戶接口組件,直接的iPad支持,擁有JSON和HTML5線下存儲技術使得存儲和數據綁定更加方便。(使用Sencha的數據結構來操作app的數據十分酷~它可以實時響應列表的更新)此外,Sencha還是唯一在工具欄上支持內嵌的對象支持,其他方式都是滾輪列表的樣子。
在測試程序中,使用Sencha與jQTouch/jQuery相比,雖然app很明顯地不那么輕量級,但是其性能和可靠性方面明顯提高了,不過其初始化加載時間略慢。
當使用庫library或者框架frame進行開發的時候,不遵守框架或者用自己的方式通常都不會獲得成功。但Sencha的支持范圍足夠寬廣,這意味著可以使用Sencha的開發方式來實現任何需求。
在文檔方面,Sencha做的不太好,雖然很廣泛,但是又有很多舊版本的老漏洞沒有及時更新,在這些框架中與bug作斗爭,調試過程浪費了很多時間,因為文檔不夠健全,很多問題難以追蹤或理解。而在開發者論壇響應作者提問的頻率還算較高,不過最終感覺還是不太夠。Sencha提供的付費技術支持起價是$300每年,
獲取Sencha需要遵守GPL3 license,以及在某種不是GPL標準又很相似LGPL的授權下也能用,以及遵循非商業license也可以獲得。
4,TitaniumMobile
與Sencha Touch很相似,Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來編寫app。不過與Sencha不同的是,Titanium把代碼編譯成Native的iPhone或Android app,這意味著它并不是一個真正的Web框架,而是一個兼容層或者編譯器。(請注意Titanium Mobile的近親Titanium Desktop是一個基于web的,可以使用HTML /js來編寫桌面封裝的本地應用的一款軟件)
這么說來Titanium允許web開發人員使用JavaScript和一點點XML之類的其他相關技術,可以實現高性能、更換皮膚很方便的Native App,而不需要額外去學習Objective-C或者Cocoa Touch等技術了。
不過這個優點也是其致命的缺點,只能作出Titanium所支持的平臺上面的應用,被它們的開發工具限制住了。想證明這一點只需要換一個不是iPhone的平臺上來跑一下就知道了。同時,Titanium的調試器也不怎么樣,不能使用XCode方式運行或者調試,就算在其仿真器上面程序跑的還算不錯,還是需要自己去實際機器上自己再找問題。
回答: 2022-03-15 10:29
1, ?jQTouch
jQTouch易用性強,相關文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。
不過有簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。
只需要遵守MIT的license許可就可以使用jQTouch了
2, jQueryMobile
jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的Alpha 2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標準,更有適應性,感覺很像jQTouch的后繼版本,對用戶接口和style的支持范圍更加寬廣了。
jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕松地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶接口,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這里作者希望其將來的版本能從jQTouch那里學習一下,并把現在的功能缺陷處理掉。
jQuery Mobile的相關文檔資料很零散但是有所改進,,(請注意,jQuery Mobile是和jQuery UI相輔相成的,并不是建在單純jQuery之上的)
想獲得jQuery Mobile只需獲得MIT或者GPL2 license。
3, Sencha Touch
這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基于用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。
回答: 2022-03-28 09:42
1, ?jQTouch
jQTouch易用性強,相關文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。
不過有簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。
只需要遵守MIT的license許可就可以使用jQTouch了
2, jQueryMobile
jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的Alpha 2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標準,更有適應性,感覺很像jQTouch的后繼版本,對用戶接口和style的支持范圍更加寬廣了。
jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕松地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶接口,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這里作者希望其將來的版本能從jQTouch那里學習一下,并把現在的功能缺陷處理掉。
jQuery Mobile的相關文檔資料很零散但是有所改進,,(請注意,jQuery Mobile是和jQuery UI相輔相成的,并不是建在單純jQuery之上的)
想獲得jQuery Mobile只需獲得MIT或者GPL2 license。
3, Sencha Touch
這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基于用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。
強烈推薦ionic?;贏ngular和TypeScript,集成各種cordova插件,即可用來開發cordova應用,又可以開發web app。最酷的是自動適配各平臺原生樣式。至于什么sencha touch,jquery mobile之類的就別考慮了,太老了。ionic是目前最活躍的跨平臺框架之一。TypeScript帶來的生產力提高不是一點半點。
其實不管angular,React還是vue,你做界面的話還得找個ui框架,iojic好處是都集成好了,分分鐘搞個原型出來。
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開發?;谧钚碌腍TML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
25、HTML App Host Framework
? 這是一個用于構建基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技術。該框架由支持在標準 xap 格式中嵌入 html 應用的控件。
可以使用qmik,這個框架是專門為移動而開發的, ?它具有體積小(22k,遠遠把jquery mobile ?給丟棄了), ?模塊化開發,在框架本身就已經集成了模塊化開發功能(可以不需要再引入第三化的模塊化開發框架,如seajs,requirejs等) jquery語法,入門很簡單,應用場景也比較豐富
1, ?jQTouch??
2, jQueryMobile
3, Sencha Touch
4,TitaniumMobile
相關問題推薦
HTML5 + CSS + JavaScript 開發 跨平臺重用代碼?
采用rem單位自動響應,并提供獨有柵格化系統快速定義寬高、邊距節省css代碼量,同時總結各大型移動端網頁,提供一套ui顏色搭配規范,尺寸規范,字體規范等。
iView UI、ioni、SUI
內部圖表大小是與div容器大小位置相關的,如果想調整圖表大小位置,調整div的屬性就可以。如果是想調整圖表與div間上下左右留白,則設置grid屬性就可以。
如果只是普通的移動端用vue react 或者dva 如果是要編譯成小程序什么的或者混生 就用uni-app(對應vue語法)taro(對應react) 或者純原生 這個沒有限制的,自己怎么舒服怎么來
使用 /deep/?注意:使用 cass 和 less 只能使用 /deep/ 這個方法
1. 原生。直接告訴你,開發太慢,不能跨平臺,先不要學。2. 使用WebView的hybrid app,Cordova/ionic 這些。就是用瀏覽器運行html,js,css仿app,我用了好幾年,學習快,開發塊,跨平臺。問題是每個安卓版本/蘋果版本/瀏覽器版本運行效果不一致,有些版本還運...
常用的移動APP開發框架:1、框架:PhoneGapPhoneGap是一個用基于HTML,CSS和JavaScript的,創建移動跨平臺移動應用程序的快速開發平臺。優點:可跨平臺。phonegap框架幫我們解決了差異性,javascript與平臺系統的連接由phonegap框架完成。? ? 提供硬件訪問控...
1. LungoJS 這個是被認為開發移動網站最好的HTML5開發框架,使用 HTML5/CSS3 和 JavaScript 技術??蓭椭鷦摻ɑ?iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需...
手機移動端響應式動畫彈窗提示框插件xwPop,原生JS實現,帶CSS3動畫效果,豐富的JS彈出框提示信息插件,支持基本信息提示、帶圖標loading信息提示、confirm提示、自定義信息提示圖標,仿Ios信息提示,支持較現代的瀏覽器。在沒有壓縮的情況下,代碼大小只有6K...
快速搭建自適應網站:http://www.iisp.com/design/?s=yuqiuping