Cordova - Các phương pháp hay nhất

Cordova được sử dụng để tạo các ứng dụng di động kết hợp, vì vậy bạn cần cân nhắc điều này trước khi chọn nó cho dự án của mình. Dưới đây là các phương pháp hay nhất để phát triển ứng dụng Cordova.

Ứng dụng trang đơn

Đây là thiết kế được đề xuất cho tất cả các ứng dụng Cordova. SPA đang sử dụng bộ định tuyến phía máy khách và điều hướng được tải trên một trang (thường làindex.html). Việc định tuyến được xử lý thông qua AJAX. Nếu bạn đã làm theo hướng dẫn của chúng tôi, bạn có thể nhận thấy rằng hầu hết mọi plugin Cordova cần phải đợi cho đến khi thiết bị sẵn sàng trước khi có thể sử dụng. Thiết kế SPA sẽ cải thiện tốc độ tải và hiệu suất tổng thể.

Chạm vào Sự kiện

Vì Cordova được sử dụng cho thế giới di động nên việc sử dụng là đương nhiên touchstart và touchend sự kiện thay vì clicksự kiện. Các sự kiện nhấp chuột có độ trễ 300 mili giây, do đó, các nhấp chuột không có cảm giác gốc. Mặt khác, sự kiện cảm ứng không được hỗ trợ trên mọi nền tảng. Bạn nên cân nhắc điều này trước khi quyết định sử dụng.

Ảnh động

Bạn nên luôn sử dụng phần cứng được tăng tốc CSS Transitions thay vì hoạt ảnh JavaScript vì chúng sẽ hoạt động tốt hơn trên thiết bị di động.

Lưu trữ

Sử dụng bộ nhớ đệm lưu trữ càng nhiều càng tốt. Kết nối mạng di động thường kém, vì vậy bạn nên giảm thiểu các cuộc gọi mạng bên trong ứng dụng của mình. Bạn cũng nên xử lý trạng thái ngoại tuyến của ứng dụng, vì sẽ có lúc thiết bị của người dùng ngoại tuyến.

Cuộn

Hầu hết thời gian, phần chậm đầu tiên bên trong ứng dụng của bạn sẽ là danh sách cuộn. Có một số cách để cải thiện hiệu suất cuộn của ứng dụng. Khuyến nghị của chúng tôi là sử dụng tính năng cuộn tự nhiên. Khi có nhiều mục trong danh sách, bạn nên tải chúng một phần. Sử dụng bộ nạp khi cần thiết.

Hình ảnh

Hình ảnh cũng có thể làm chậm ứng dụng di động. Bạn nên sử dụng các hình ảnh CSS bất cứ khi nào có thể. Cố gắng điều chỉnh các hình ảnh một cách hoàn hảo thay vì thu nhỏ nó.

Kiểu CSS

Bạn nên tránh đổ bóng và chuyển màu, vì chúng làm chậm thời gian hiển thị của trang.

Đơn giản hóa

DOM của trình duyệt chậm, vì vậy bạn nên cố gắng giảm thiểu thao tác DOM và số lượng phần tử DOM.

Thử nghiệm

Đảm bảo rằng bạn thử nghiệm ứng dụng của mình trên nhiều thiết bị và phiên bản hệ điều hành nhất có thể. Nếu ứng dụng hoạt động hoàn hảo trên một thiết bị, điều đó không có nghĩa là nó sẽ hoạt động trên một số thiết bị hoặc nền tảng khác.