Cordova 最佳實踐

Cordova用于創(chuàng)建混合移動應用程序，因此在為您的項目選擇之前，需要考慮這一點。以下是Cordova應用程序開發(fā)的最佳做法。

單頁應用程序

這是所有Cordova應用程序的推薦設計。SPA使用客戶端路由器和導航加載在單頁(通常 index.html )。 路由通過AJAX處理。 如果你按照我們的教程，你可能注意到幾乎每個Cordova插件需要等待，直到設備準備就緒，然后才能使用。 SPA設計將提高加載速度和整體性能。

觸摸事件

由于Cordova用于移動世界，因此使用 touchstart 和 touchend 事件而不是點擊事件是很自然的事。 點擊事件有300毫秒的延遲，因此點擊不感覺本機。 另一方面，每個平臺都不支持觸摸事件。 在決定要使用什么之前，應該考慮這一點。

動畫

您應該始終使用硬件加速的 CSS轉換而不是JavaScript動畫，因為它們在移動設備上會更好。

存儲

盡可能使用存儲緩存。移動網絡連接通常很糟糕，因此您應該盡量減少應用內部的網絡通話。您還應處理應用的離線狀態(tài)，因為有時用戶的設備離線。

滾動

大多數時候，你的應用程序中的第一個慢部分將滾動列表。 有幾種方法來提高應用程序的滾動性能。我們的建議是使用本機滾動。當列表中有很多項目時，您應該部分加載它們。必要時使用裝載機。

圖片

圖片也可以減慢移動應用程序。你應該盡可能使用CSS圖像精靈。嘗試完全適合圖像，而不是縮放它。

CSS樣式

你應該避免陰影，漸變，因為它們減慢了頁面的呈現時間。

簡化

瀏覽器的DOM很慢，所以你應該盡量減少DOM操作和DOM元素的數量。

測試

請務必始終在盡可能多的設備和操作系統(tǒng)版本上測試您的應用程序。如果應用程序在一個設備上完美無缺地工作，這并不意味著它將在其他設備或平臺上工作。