الجمعة، 30 أكتوبر 2020

Cordova - Best Practices قرطبة - أفضل الممارسات

 Cordova - Best Practices قرطبة - أفضل الممارسات

Cordova - Best Practices قرطبة - أفضل الممارسات

تُستخدم كوردوفا لإنشاء تطبيقات هجينة للهواتف المحمولة ، لذا عليك التفكير في ذلك قبل اختياره لمشروعك. فيما يلي أفضل الممارسات لتطوير تطبيقات كوردوفا.

تطبيقات صفحة واحدة Single Page Apps

هذا هو التصميم الموصى به لجميع تطبيقات كوردوفا. يستخدم SPA جهاز التوجيه من جانب العميل والتنقل الذي تم تحميله على صفحة واحدة (عادةً index.html ). تتم معالجة التوجيه عبر AJAX. إذا كنت قد اتبعت برامجنا التعليمية ، فمن المحتمل أنك لاحظت أن كل مكون إضافي من كوردوفا يحتاج إلى الانتظار حتى يصبح الجهاز جاهزًا قبل استخدامه. سيؤدي تصميم SPA إلى تحسين سرعة التحميل والأداء العام.

المس الأحداث Touch Events

منذ يستخدم قرطبة للعالم المحمول فمن الطبيعي أن استخدام touchstart و touchend الأحداث بدلا من النقر الأحداث. تتأخر أحداث النقر بمقدار 300 مللي ثانية ، لذلك لا تبدو النقرات أصلية. من ناحية أخرى ، لا يتم دعم أحداث اللمس على كل منصة. يجب أن تأخذ هذا في الاعتبار قبل أن تقرر ما تستخدمه.

الرسوم المتحركة Animations

يجب عليك دائمًا استخدام انتقالات CSS المسرّعة للأجهزة بدلاً من الرسوم المتحركة لـ JavaScript لأنها ستؤدي بشكل أفضل على الأجهزة المحمولة.

تخزين Storage

استخدم التخزين المؤقت للتخزين قدر الإمكان. عادة ما تكون اتصالات شبكة الهاتف المحمول سيئة ، لذا يجب عليك تقليل مكالمات الشبكة داخل تطبيقك. يجب عليك أيضًا التعامل مع حالة التطبيق دون اتصال بالإنترنت ، حيث ستكون هناك أوقات تكون فيها أجهزة المستخدم غير متصلة بالإنترنت.

التمرير Scrolling

في معظم الأوقات ، سيكون الجزء الأول البطيء داخل التطبيق عبارة عن قوائم متحركة. هناك طريقتان لتحسين أداء التمرير للتطبيق. توصيتنا هي استخدام التمرير الأصلي. عندما يكون هناك الكثير من العناصر في القائمة ، يجب عليك تحميلها جزئيًا. استخدم لوادر عند الضرورة.

الصور Images

يمكن للصور أيضًا إبطاء تطبيق الجوال. يجب عليك استخدام CSS image sprites كلما أمكن ذلك. حاول أن تلائم الصور تمامًا بدلاً من تحجيمها.

أنماط CSS

يجب تجنب الظلال والتدرجات اللونية ، لأنها تبطئ وقت عرض الصفحة.

تبسيط Simplification

متصفح DOM بطيء ، لذا يجب أن تحاول تقليل معالجة DOM وعدد عناصر DOM.

اختبارات

تأكد من اختبار تطبيقك على أكبر عدد ممكن من الأجهزة وإصدارات نظام التشغيل. إذا كان التطبيق يعمل بشكل لا تشوبه شائبة على جهاز واحد ، فهذا لا يعني بالضرورة أنه سيعمل على جهاز أو نظام أساسي آخر.








التسميات: