2012-03-16 84 views
13

當我說移動開發時,我的意思是在瀏覽器中編譯爲PhoneGap。用於移動開發的性能最佳的JavaScript MVC框架

我想比較性能數字JS MVC框架。我GOOGLE了這一點,但是當你說手機,JS和框架你得到的是指向煎茶,jQuery Mobile的,鈦等

我特別提到MVC框架,如:

Ember 
Backbone 
Spine 
Knockout 
JavaScript MVC 
Batman 
Blossom 
etc. 

我很樂意看到它包含的性能指標在移動瀏覽器的每一個這些鏈接,以及PhoneGap的。

+0

我一直在尋找到煎茶觸摸查詢同樣的目的,它似乎提供了整個MVC + UI框架。我在玩它,但它似乎是一個很好的選擇記住。我也檢查了backbone.js,發現有些人正在調整它與jQuery Mobile一起工作。 – Eldelshell 2012-04-16 08:36:11

回答

2

我還沒有嘗試過所有的,但我已經做了一些研究的主題,並已結束了使用Backbone JS。到目前爲止,我對它的簡單性和實力非常滿意。我非常喜歡能夠通讀源代碼(只有6kb縮小!)並理解它的說法。

我開始了對主幹供電的移動優化的應用程序與a tutorial from Trigger.io(PhoneGap的一個類似本地應用的包裝的製造商)。我已經將它適用於我自己的目的,並做了一些重要的修改,例如使用CSS轉換而不是(慢)javascript動畫。

我創建了一個可擴展的Backbone.View.MobileView對象,使構建移動優化的應用程序快速和容易。我一直有意將它張貼出來,但它仍然需要相當多的清理。如果你想要一個粗略的版本作爲參考,我會很樂意分享。

只是另一個說明 - 我會不惜一切代價避免jQuery Mobile。除了組合的jQuery和jQuery Mobile框架的巨大開銷外,您還會發現每一次都會覆蓋您的代碼和樣式。並且從我發現的將數據傳遞到服務器與頁面之間的AJAX是一個真正的痛苦。

移動設備優化的應用程序都是Web開發的野生野生西部,特別是當它涉及到與PhoneGap的般的服務整合。請分享您與我們其他人學到的東西!

祝你好運!

+4

「我會不惜一切代價避免jQuery Mobile」這難道不會讓您必須自己開發整個移動UI嗎?對於每個設備屏幕大小?看起來像jQuery Mobile已經完成了很多工作。 – Eldelshell 2012-04-16 08:39:43

+2

我不同意「不惜一切代價避免使用jQuery Mobile」的說法。這不是每種情況的解決方案,但對於某些情況來說,它是一個完美的解決方案。它爲你處理所有事情:用戶界面,路由,渲染等等。 – commadelimited 2012-04-19 16:51:32

+1

PhoneGap的聯合創始人Brock Whitten概述了jQuery Mobile是在HTML5中創建移動應用程序時最容易犯的錯誤之一。 http://sintaxi.com/you-half-assed-it – 2012-08-10 23:44:10

3

我建議你看看這個教程Using Backbone.js with jQuery Mobile
它解釋瞭如何覆蓋JQM路由系統來處理Backbone.js提供的系統(這更好)。
昨天我發現即使是這種分析10 reasons why I switched to Spine.js,給出了Spine.js和Backbone.js之間差異的一些觀點。然後,如果你喜歡度量標準,你可以看看不同的JS Template Engines Performance
之間的比較我明白使用JQuery Mobile的恐懼,因爲在所有設備上的表現都不好,但據我所知,它是唯一一個可以在所有移動平臺上工作的人(不僅僅是webkit),也是唯一一個能夠在不支持的瀏覽器上優雅地降級的人。
總之,我認爲所有人都沒有正確的解決方案,這取決於你想要達到的目標,你的目標是什麼,等等。

5

另外值得一看就是AngularJS。這是一個完整的Javascript框架,由一些Google員工創建,社區日益壯大。合作真的很有趣!

0

我覺得spine.js & knockout.js是相當不錯的

但兩者稍有複雜

讓我知道你用哪一個

相關問題