Phonegap /科爾多瓦JS框架和設計

Question

我想製作我的第一個Phonegap應用程序。它將是一個容器，最後會調用一個API並顯示結果。沒有複雜的。

但是因爲我已經讀過關於這個問題，尤其是在iOS世界裏有什麼電話不太流暢的滾動等。我想如果你能分享一些經驗給我，所以我可以避免從開始的圓頂大錯誤。 Firstable：你使用jQuery mobile還是Zepto？我讀過Zepto速度非常快，沒有像jQuery那樣的開銷。你用什麼樣的圖書館來設計？

我有我自己的設計，但實際上在PSD文件中。我應該嘗試通過自己來創建一切，還是應該使用jQTouch之類的框架？如果我使用jQTouch，我可以按照我的PSD設計的方式設計元素嗎？ 還有什麼圖書館在那裏，我可以在那裏做我自己的設計？

設計是一個薄紗，我有一些麻煩。我應該縮小它並使用CSS3製作HTML5，但它是否在Phonegap上運行？ 我也想使用一些模板引擎，如http://mustache.github.com/，這樣模板可以加載得更快。這裏有一些經驗？

我看到維基百科已經使用了我在這裏發佈的許多功能，我想也許它們足以創建一個性能良好的應用程序。

你有什麼經驗？

Answer 1

在iOS設備上滾動不良。是的，但我們遇到了更多Android問題。這取決於你的DOM樹會有多滿。一個沉重的頁面總是會造成麻煩，特別是在舊手機上。

jQuery或Zepto：幾乎沒有區別。

關閉jQuery Mobile！ jQTouch：也許吧。請注意，在低端設備上，phonegap應用運行速度很慢，無論其優化程度如何。一些較舊的手機有可怕的JavaScript性能，如果可能將業務邏輯外包給服務器，並讓設備只顯示數據。我建議你自己做大部分的設計。保持DOM樹很小。

總結：不要期望太多的手機，它將永遠不會像原生應用程序一樣好。

Answer 2

我在頂部使用jQuery手機和我自己的自定義框架（http://github.com/tqc/ChondricJS）來提供大部分的應用程序結構。

您可以通過此設置獲得不俗的表現，特別是iOS 5+，但有很多小事情可能會導致問題。背景圖像和觸摸滾動特別對使用中的小差異非常敏感。

PhoneGap會爲您提供一個共享的跨平臺代碼庫，讓您充分利用HTML和JavaScript技能，但不要期望所有事情都能在開箱即用時感受完美 - 平臺之間仍然存在差異，所以您絕對需要以本機方式進行調試，並瞭解移動Safari的各種怪癖以生成精美的應用程序。