iUI، وjQTouch، وWPTouch، وPhoneGap، وXUI، وiWebkit، وRhodes، وgwt-mobile... عندما بدأنا نتعجب من أن تطبيقات الهاتف المحمول على الويب مليئة بأطر العمل المختلفة ومكتبات الفئات، في الواقع، بدأت أطر الويب الرئيسية للتو في الظهور حقول الهاتف المحمول: إصدار اللمس من YUI3.2 من Yahoo، وjQueryMobile من jQuery، وExtJS الذي يدمج JQTouch وإطار Sencha Touch الذي أطلقته مكتبة Raphaël. . .
لقد صدمتني إعادة تسمية ExtJs إلى Sencha حقًا. بعد كل شيء، كنت من المعجبين بإطار عمل ExtJs، وليس من السهل حقًا أن يتحول مثل هذا الإطار الثقيل فجأة ويتطور في اتجاه اللمس المحمول مساعدة ولكن نتعجب من تأثير تطبيقات الهاتف المحمول.
حسنًا، هنا لا أريد أن أقدم لك مقارنة الاستخدام والأداء لمختلف أطر تطبيقات الويب للهاتف المحمول. لقد تأثرت للتو بـ ExtJs، وأردت معرفة إلى أي مدى ذهبت، وتجميع خبرة الواجهة الأمامية بشكل أفضل، وبدأت أتخيل ما يجب أن يكون عليه إطار عمل جيد لتطبيقات الهاتف المحمول على الويب، وبدأت في محاولة تنفيذه. إن إعادة اختراع العجلة هي مجرد إجبار نفسك على فهم هذا المجال بشكل أعمق، وليس الغطرسة بما يكفي لتحدي أي شيء. وبعد التحليل والمقارنة يكون الملخص كما يلي:
1. خفيفة الوزن
يجب أن تكون هذه هي النقطة الأكثر أهمية في إطار عمل تطبيقات الهاتف المحمول. لا تفكر في شعبية 3G وWiFi. فالظروف الوطنية هي شروط وطنية. من الصعب على معظم المستخدمين تنزيل ملفات 100K CSS وJS في غضون 3 ثوانٍ. لذلك، يجب أن يكون إطار عمل تطبيقات الهاتف المحمول لدينا خفيف الوزن قدر الإمكان، ويجب أن تكون جميع طرق تنفيذ التسمية والوظيفة موجزة ومضغوطة للغاية قدر الإمكان. تخلص من المؤثرات والمكونات الخاصة بتطبيقات الويب للكمبيوتر الشخصي، ولا تقم بإضافة 7.80 كيلو بايت من jQuery.js إلى صفحتك فقط للحصول على تأثير القائمة.
2. التوافق مع متصفحات الجوال السائدة
مع وجود العديد من الأنظمة الأساسية والمتصفحات المحمولة، يصعب على تطبيق الهاتف المحمول الخاص بك العمل بشكل متسق على جميع المتصفحات. في بعض الأحيان تحتاج إلى تحميل ملفات ذات أنماط مختلفة لمتصفحات مختلفة، أو تشغيل وظائف مختلفة لتحقيق التأثير. لذلك، يجب أن يحتوي إطار عملنا على طريقة يمكنها تحديد المتصفحات السائدة المختلفة. لكي نكون محددين، يجب أن يكون إطار العمل الخاص بك قادرًا على التمييز بين iPhone وiPad وAndroid وWindows Phone وما إلى ذلك. حسنًا، لكي نكون أكثر تحديدًا للبلد، QQ mobile. المتصفح وUCWeb. آخر شيء يجب ملاحظته هو أننا نحاول عدم استخدام طريقة AU للحكم هنا، لأن avigator.userAgent لكل متصفح غير موثوق به للغاية. هنا يمكنك الرجوع إلى فكرة mooltools للحكم على المتصفحات وتطبيقها إلى مجال المحمول لدينا.
3. محدد قوي
يمكن القول أن المحدد هو روح الإطار. سيتم استخدام فئات CSS3 الزائفة المتقدمة على نطاق واسع في تطبيقات الويب المحمولة المستقبلية، لذلك، يجب أن يكون إطار عملنا قادرًا على اجتياز أكبر عدد ممكن من علامات HTML5 وفئات CSS3 الزائفة بسرعة. قدر الإمكان، حتى لو كانت مثل E:first-of-type فهي بنية غير مدعومة بواسطة محددات jquery.
4. تأثير الرسوم المتحركة للصفحة
تختلف تطبيقات الهاتف المحمول عن تطبيقات الويب لسطح المكتب، فهي أكثر إبهارًا من حيث تأثيرات تبديل الصفحات، مثل: التبديل المنزلق، والقناع المنبثق، والتلاشي والتلاشي، وشاشة البداية، والتكبير، وتأثيرات التصغير على iPhone، وما إلى ذلك. ألقِ نظرة على تعريفات CSS للرسوم المتحركة الباهتة والتكبيرية