2012-02-06 79 views
1

Phonegap應用程序通常與一般網站不同,即使它們使用相同的語言編寫。在Phonegap應用程序中組織Javascript代碼的最佳方式

主要區別:從本地文件

  • 一個PhoneGap的應用程序加載主要頁面
  • 許多Web框架的手機(如jQuery Mobile的)通常加載一個HTML文件,然後編程方式更改網頁。

所以我認爲已經過時了將代碼放在外部JS文件上的常見建議。這是真的嗎? 組織代碼的最佳方式是什麼,以便加載和易於維護? (例如,你是否分開涉及視圖的代碼和涉及數據的代碼?)

回答

2

即使使用jQueryMobile,我也有很多html文件。有時我們使用jQueryMobile機制從HTML文件加載特定的#id,從另一個html文件加載一部分內容。在許多應用程序中,數據正從外部站點加載並從本地文件插入到內容中。如果我在本地加載任何數據,我會使用數據子文件夾,除非我從本地存儲加載。

鑑於此,這裏是我的我的WWW文件夾的典型結構:

www (all my views go in this main folder) 
    data (any local files that will be loaded for insertion into my views) 
    js (all my phonegap plugins and jquery source goes here) 
    styles (css for jquery, local views, etc) 
    images (local images for my views 
+0

現貨組織。 – 2012-02-06 15:40:38

+0

太好了,謝謝。只是一個問題:是否將與視圖相關的代碼(例如,刷新列表視圖的函數)與涉及數據的代碼(例如,獲取將填充列表視圖的數據)分開?謝謝 – micred 2012-02-07 10:39:53

+0

@micred,更多時候我不會分開那些代碼,但是這取決於您的應用程序有多大。對於一些非常大的應用程序,我將JS代碼分成許多不同的文件,每個文件處理應用程序中的一個獨特功能區域。我認爲這對於不同的應用程序會有所不同。使用更小的應用程序將所有代碼保存在同一個js文件中可能就足夠了。 – davidethell 2012-02-07 11:11:53

0

PhoneGap的應用程序一般都採用先進的集成點網絡的應用程序。內容仍然呈現在與系統瀏覽器並無太大區別的WebView中...

組織應用程序的代碼沒有標準,但大多數Web應用程序的建議也非常適合Phonegap應用程序。 ..

相關問題