يجب على الجميع أن يتذكروا كيفية كتابة أنماط جافا سكريبت؟ (يبدو أنني أتحدث هراء!)
في عملية التطوير الأمامية ، في بعض الأحيان نحتاج إلى الحكم على بادئة نواة المتصفح وإجراء معالجة مختلفة لمتصفحات مختلفة ، حتى نتمكن من القيام بذلك.
ALERT (element.style.webkittransition) ؛ هذا هو الحصول على قيمة الانتقال بادئة مع WebKit. ولكن إذا لم يكن المتصفح مع بادئة WebKit ، فسيعود غير محدد. ويمكننا تعداد جميع بادئات kernel ، ثم الحصول على قيمة CSS معينة لإصدار حكم. الرمز كما يلي:
دالة getVendorPrefix () {// استخدم الجسم لتجنب تمرير العناصر var body = document.body || document.documentElement ، style = body.style ، Pendor = ['webkit' ، 'khtml' ، 'moz' ، 'ms' ، 'o'] ، i = 0 ؛ بينما (i <vendor.length) {// هنا ، نحدد ما إذا كان هناك بادئة kernel المقابلة إذا (typeof style [Pendor [i] + 'Transition'] === 'String') {return Pindor [i] ؛ } i ++ ؛ }}ثم تحتاج فقط إلى استدعاء GetVendorpRefix () لمعرفة بادئة kernel للمتصفح. إذا تم إرجاع غير محدد ، فإنه يثبت أن المتصفح لا يدعم سمة CSS3 ، أي أنه لا يوجد بادئة kernel.
يجب أن يعلم الجميع أنه عندما نتمكن من كتابة CSS ، فإننا لا نكتب JavaScriptP عندما نتمكن من كتابة CSS. بعد كل شيء ، سيكون أداء CSS أعلى من كتابة JS بأنفسنا. لذلك ، في بعض التطورات العملية ، سوف نستخدم التحولات ، مثل كاروسيل الصورة البسيطة. يمكننا استخدام انتقالات CSS3 ، أو استخدام تحريك JQuery أو الكتابة من قبل أنفسنا ، ولكن أداء CSS3 سيكون بالتأكيد أعلى ، حتى نتمكن من كتابة مجموعتين من التعليمات البرمجية ، واستخدام الرسوم المتحركة للمتصفحات التي تدعم CSS3 ، في حين يتم استخدام أجهزة ضبط الوقت أو التنشيط إذا لم تكن مدعومة. هذا سوف يمنحك تجربة مستخدم أفضل.
ما سبق هو تجربة النظر إلى المكون الإضافي لـ jQuery.slides.js. إذا كانت هناك طريقة أفضل ، فيرجى إبلاغي بذلك.