[TOC] # SPA 庫 Examples of SPA libraries you can use in your Cordova applications are: [Monaca](http://monaca.mobi/en/) [Angular](http://angular.cn/) [VUE](https://vuejs.org/) [ReactJS](https://reactjs.org/) [Kendo UI](http://www.telerik.com/kendo-ui) [EmberJS](http://emberjs.com/) 當然，還有很多很多其他庫 # 關于性能 1. 點擊vs觸摸 最大和最簡單的錯誤是使用點擊事件。雖然這些“工作”在移動設備上運行得很好，但大多數設備都會對它們施加300毫秒的延遲，以便區分觸摸和觸摸“保持”事件。使用 `touchstart` 或 `touchend` 會帶來顯著的改進 - 300毫秒聽起來并不多，但它可能導致不穩定的UI更新和行為。您還應該考慮非webkit瀏覽器不支持“觸摸”事件的事實，請參閱[CanIUse](http://caniuse.com/#search=touch)。為了解決這些限制，您可以查看HandJS和Fastclick等各種庫。 2. CSS轉換與DOM操作 使用硬件加速CSS轉換將比使用JavaScript創建動畫要好得多。有關示例，請參閱本節末尾的參考資料列表。. 3. 糟糕的網絡 移動網絡的延遲，甚至是好的移動網絡，都比你想象的要糟糕得多。一個桌面應用程序，每隔30秒就會發出500行JSON數據，在移動設備和電池上都要慢一些。請記住，Cordova應用程序有多種方法可以在應用程序中保留數據（例如LocalStorage和 文件系統 ）。在本地緩存該數據并了解您來回發送的數據量。當您的應用程序通過蜂窩網絡連接時，這是一個特別重要的考慮因素。 4. 其他性能文章和資源 * ["You half assed it"](http://sintaxi.com/you-half-assed-it) * ["Top Ten Performance Tips for PhoneGap and Hybrid Apps"](http://coenraets.org/blog/2013/10/top-10-performance-techniques-for-phonegap-and-hybrid-apps-slides-available/) * ["Fast Apps and Sites with JavaScript"](https://channel9.msdn.com/Events/Build/2013/4-313) # 識別并處理離線狀態 請參閱前面有關網絡的提示。您不僅可能會使用慢速網絡，而且您的應用程序可能完全的離線。您的應用程序應以智能方式處理此問題。如果您的應用程序沒有，人們會認為您的應用程序已損壞。考慮到處理起來容易（Cordova支持同時監聽離線和在線事件），您的應用程序絕對沒有理由在離線運行時不能很好地響應。 請務必測試（請參閱下面的“測試”部分）您的應用程序，并確保測試應用程序在一個狀態下啟動然后切換到另一個狀態時的處理方式。 請注意，在線和離線事件以及網絡連接API并不完美。您可能需要依賴于使用XHR請求來查看設備是真正脫機還是在線。在一天結束時，請確保為網絡問題添加某種形式的支持 - 事實上，Apple商店（可能還有其他商店）將拒絕不能正確處理離線/在線狀態的應用程序。有關此主題的更多討論，請參閱["Is This Thing On?"](http://blogs.telerik.com/appbuilder/posts/13-04-23/is-this-thing-on-%28part-1%29) # 調試Cordova程序 ## IOS 調試 一旦您的應用程序在設備上啟動并運行，您就可以調出Safari的Web檢查器（如下所述）來調試應用程序的webview和js端。有關更多詳細信息，請參閱[Apple支持](https://developer.apple.com/support/debugging/)文檔。 ## Chrome遠程調試 使用 `chrome://inspect` 來調試，然后打開 Chrome Dev Tools。 使用 Chrome Dev Tools 調試 iOS apps，通過WebKit代理：https://github.com/google/ios-webkit-debug-proxy/ # 用戶界面 許多人選擇使用UI框架來簡化這一過程。下面是你可能想考慮的一些選擇。 [ionic](http://ionicframework.com/) - This powerful UI framework actually has its own CLI to handle project creation. [Ratchet](http://goratchet.com/) - Brought to you by the people who created Bootstrap. [Kendo UI](http://www.telerik.com/kendo-ui) - Open source UI and application framework from Telerik. [Topcoat](http://topcoat.io/) [BIN](https://github.com/BuildItNow/BIN_Documents) 具有iOS風格UI的Android應用程序可能不會很好地適應用戶。這有時甚至由各種應用程序商店強制執行。因此，您必須尊重每個平臺的慣例，因此熟悉各種人機界面指南： * [iOS](https://developer.apple.com/library/ios/documentation/userexperience/conceptual/MobileHIG/index.html) * [Android](http://developer.android.com/design/index.html) * [Windows Phone](https://dev.windows.com/en-us/design) # 其他的考慮 ## 平臺怪癖 閱讀文檔時，請查看在多個平臺上概述不同行為或要求的部分。 這些內容將在標題為“Android Quirks”，“iOS Quirks”等的部分中。閱讀這些怪癖，并在使用Cordova時最好了解它們。 ## 加載遠程內容 應使用Cordova的InAppBrowser在webview中顯示遠程加載的HTML內容。 InAppBrowser的設計使得在那里運行的JavaScript由于上面列出的原因無法訪問Cordova JavaScript API。請參閱[安全指南](http://cordova.apache.org/docs/en/latest/guide/appdev/security/index.html)。 # Help StackOverflow: http://stackoverflow.com/questions/tagged/cordova