Cordova 最佳實(shí)踐

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

單頁應(yīng)用程序

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

觸摸事件

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

動(dòng)畫

您應(yīng)該始終使用硬件加速的 CSS轉(zhuǎn)換而不是JavaScript動(dòng)畫，因?yàn)樗鼈冊谝苿?dòng)設(shè)備上會更好。

存儲

盡可能使用存儲緩存。移動(dòng)網(wǎng)絡(luò)連接通常很糟糕，因此您應(yīng)該盡量減少應(yīng)用內(nèi)部的網(wǎng)絡(luò)通話。您還應(yīng)處理應(yīng)用的離線狀態(tài)，因?yàn)橛袝r(shí)用戶的設(shè)備離線。

滾動(dòng)

大多數(shù)時(shí)候，你的應(yīng)用程序中的第一個(gè)慢部分將滾動(dòng)列表。 有幾種方法來提高應(yīng)用程序的滾動(dòng)性能。我們的建議是使用本機(jī)滾動(dòng)。當(dāng)列表中有很多項(xiàng)目時(shí)，您應(yīng)該部分加載它們。必要時(shí)使用裝載機(jī)。

圖片

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

CSS樣式

你應(yīng)該避免陰影，漸變，因?yàn)樗鼈儨p慢了頁面的呈現(xiàn)時(shí)間。

簡化

瀏覽器的DOM很慢，所以你應(yīng)該盡量減少DOM操作和DOM元素的數(shù)量。

測試

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