Cordova - 最佳實踐

Cordova 用於建立混合移動應用程式，因此在為專案選擇它之前，您需要考慮這一點。以下是 Cordova 應用程式開發的最佳實踐。

單頁面應用程式

這是所有 Cordova 應用程式的推薦設計。SPA 使用客戶端路由器和載入在單個頁面（通常為index.html）上的導航。路由透過 AJAX 處理。如果您遵循我們的教程，您可能已經注意到，幾乎每個 Cordova 外掛都需要等到裝置準備就緒才能使用。SPA 設計將提高載入速度和整體效能。

觸控事件

由於 Cordova 用於移動領域，因此自然會使用touchstart和touchend事件而不是click事件。click 事件有 300 毫秒的延遲，因此點選感覺不原生。另一方面，並非所有平臺都支援觸控事件。在決定使用哪種事件之前，您應該考慮這一點。

動畫

您應該始終使用硬體加速的CSS Transitions而不是 JavaScript 動畫，因為它們在移動裝置上的效能會更好。

儲存

儘可能使用儲存快取。行動網路連線通常很糟糕，因此您應該儘量減少應用程式中的網路呼叫。您還應該處理應用程式的離線狀態，因為使用者裝置有時會處於離線狀態。

滾動

大多數情況下，應用程式中第一個緩慢的部分將是滾動列表。有幾種方法可以提高應用程式的滾動效能。我們的建議是使用原生滾動。當列表中有很多專案時，您應該部分載入它們。必要時使用載入程式。

影像

影像也可能減慢移動應用程式的速度。您應該儘可能使用 CSS 影像精靈。嘗試完美地擬合影像，而不是縮放它。

CSS 樣式

您應該避免陰影和漸變，因為它們會減慢頁面的渲染時間。

簡化

瀏覽器的 DOM 速度很慢，因此您應該嘗試最大程度地減少 DOM 操作和 DOM 元素的數量。

測試

確保您在儘可能多的裝置和作業系統版本上測試您的應用程式。如果應用程式在一個裝置上執行完美，並不一定意味著它會在其他裝置或平臺上執行。