2011-06-06 49 views
7

我知道標題充滿了流行詞;-)。我將開發一個僅針對iOS和Android(目前)的Web應用程序。主要是關於使用嚮導組件的數據格式。唯一的「神奇」將是,用戶可以使用應用程序的某些部分離線(通過嚮導並在本地保存數據,而不是在再次上線時將其推送到服務器)。尋找輕量級移動HTML5/JavaScript框架的建議

我是一個ASP.NET MVC開發人員,我有jQuery的一些經驗,所以我的第一個目的是開發與應用。

但也許有另一種方法,我應該考慮在那裏?你有什麼建議輕量級框架來處理這個問題(最好基於jQuery)?

一切,我發現到現在是不是一種選擇,主要是因爲它的速度太慢(煎茶Touch和jQuery Mobile的)。

+3

試試[HTML5 Boilerplate](http://html5boilerplate.com/)。另外「HTML5框架」具有模糊性,並且_「buzz-囉嗦」_。你想用這個輕量級框架解決什麼問題? – Raynos 2011-06-06 12:38:51

+1

HTML5本身就是框架。瀏覽器實現這些標準,你只需使用HTML標記來利用它們。 – 2011-06-06 12:44:55

+0

還有一個[HTML5 Boilerplate for Mobile](https://github.com/shichuan/mobile-html5-boilerplate) – Mottie 2011-06-06 12:50:18

回答

3

我知道的唯一的其他框架是jQtouch。您也可以嘗試Appcelerator's Titanium Mobile,這比HTML5的性能要好得多,因爲它是原生的。它不具備原生應用程序的所有靈活性,但對於您需要的應​​用程序應該足夠了。它也很容易使用。如果只有Android和iOS需要支持,那麼這應該可行。

GUI的速度將永遠是HTML5的問題。這些框架非常快,因爲它們使用CSS3動畫,這是您使用Web-Kit瀏覽器獲得的最佳效果。他們也在檢測與瀏覽器在用戶交互時行爲一樣快的觸摸事件。

我可以看到,試圖讓它快一點是你開始編寫代碼,但我懷疑你會得到更好的性能的唯一選擇。我猜你已經用設備進行測試,發現速度很糟糕。在iPhone 3G或3GS等設備上,HTML5的執行速度非常慢。即使在iPad上也會變得棘手。

Here's a great article其中談到加強HTML5 GUI性能。

This other article有關iPad上的JS速度會談。

不幸的是,HTML5並不是每個人都期待它成爲的神奇解決方案。在向他們展示結果後,我不得不面對太多失望的客戶。他們習慣於原生應用,並認爲HTML5會爲他們帶來一個便宜的解決方案,看起來會很好。

我建議你讓你的老闆或客戶提前知道這一點。無論如何,您的應用程序聽起來很簡單,無論如何應該可以在HTML5上正常工作。我可以肯定的一個建議就是避免使用Canvas,這會非常慢。

對不起,這個陰沉的帖子。

+0

感謝您的回覆。如果您對預覽UI結果感興趣,我正在使用它構建http://www.mydentalcompanion.com/。我最終使用混合自定義CSS3,knockout.js和jQuery作爲地下室,避免了任何移動框架。他們太慢了。 速度不再是一個問題了,除了幾乎半秒鐘的onclick延遲,我仍然需要解決。更大的問題是缺乏在複雜的dom結構上滾動的能力,似乎沒有適合的解決方案,我們可能會等到iOS5發佈。 但是,這說我得到了一個非常整潔的應用程序,其行爲非常快,看起來很棒,並且完全脫機運行。 – 2011-07-11 06:57:39

+0

你的意思是像溢出:滾動div和類似的東西?我正在使用jScrollPane(http://jscrollpane.kelvinluck.com/),它似乎在iPad上工作。還有iScroll。不知道這是你在說什麼。 – HotFudgeSunday 2011-07-11 20:40:05

0

如果你有JQuery的經驗,給JQuery Mobile一個嘗試,是仍處於測試階段,但我認爲這是相當不錯的,穩定的,而且它有一個很大的發展。

+0

jQuery Mobile根本不是一個選項,它在現實世界中仍然太慢。 – 2011-07-11 06:52:45

1

我用jQuery手機爲一個小項目(5-7屏幕)。它的UI/UX體面,如果你已經有一些jQuery體驗,實現很簡單。我沒有任何性能問題(儘管沒有超過30項的任何列表)。它也得到社區的大力支持。