1. إنشاء صفحة فرعية أثناء التهيئة
2. افتح الصفحة الجديدة مباشرة
3. صفحة قبل التحميل
【مثال】1. إنشاء صفحة فرعية أثناء التهيئة
mui.init ({{
الصفحات الفرعية: [{{
عنوان URL: عنوانك -subpage -url ، // sub -page عنوان html ، يدعم عناوين الشبكة المحلية والشبكة
المعرف: الخاص بك -subpage -id ، // subceded
الأنماط: {{
الأعلى: صفحة فرعية -PPAGE -TOP ، الموضع الأعلى للصفحة الفرعية
القاع: الصفحة الفرعية -بوتوم -possition ، // الموضع السفلي للصفحة الفرعية
العرض: الصفحة الفرعية -عرض ، // sub -page عرض ، الافتراضي 100 ٪
الارتفاع: الصفحة الفرعية -HIEGHT ، // Sub -PAGE THEWS ، الافتراضي هو 100 ٪
... ...
} ،
إضافات: {} // معلمات تمديد إضافية
}]
}) ؛
2. افتح الصفحة الجديدة مباشرة
mui.openwindow ({{
عنوان URL: جديد -صفحة -url ،
المعرف: جديد -صفحة -ID ،
الأنماط: {{
الأعلى: NewPage -Top -position ، // PAGE TOP NEW
القاع: newage -bottom -possition ، // أسفل الصفحة الجديدة
العرض: NewPage -Width ، // عرض صفحة جديد ، الافتراضي هو 100 ٪
الارتفاع: NewPage -HIEGHT ، // ارتفاع صفحة جديد ، افتراضي
... ...
} ،
إضافات: {
..... // يمكن استخدام معلمات التمديد المخصص لمعالجة قيمة الصفحة بين الصفحة
}
يعرض: {
Autoshow: True ، // Page Loaded Event Towner
Anishow: AnimationType ، // Page Display Animation ، الافتراضي هو Slide in-Diamt ؛
المدة: AnimationTime // صفحة الرسوم المتحركة ، تتخلف نظام Android Platform إلى 100 مللي ثانية ، وينتسم منصة iOS إلى 200 مللي ثانية ؛
} ،
منتظر: {
Autoshow: True ، // عرض مربع الانتظار تلقائيًا ، يكون الافتراضي صحيحًا
العنوان: "تحميل ..." ، // في انتظار محتوى المطالبة المعروض في مربع الحوار
خيارات: {
العرض: الانتظار -dialog -widht ، // في انتظار مساحة الخلفية في مربع الانتظار ، افتراضيًا لحساب العرض المناسب تلقائيًا وفقًا للمحتوى
الارتفاع: الانتظار -dialog -HIEGHT ، // مساحة الخلفية في مربع الانتظار ، يتم حساب الارتفاع المناسب تلقائيًا وفقًا للمحتوى افتراضيًا
... ...
}
}
})
3. صفحة قبل التحميل
// الطريقة 1
mui.init ({{
preloadpages: [{{
عنوان URL: Prelaood -Page -url ،
المعرف: التحميل المسبق -Id ،
الأنماط: {} ، // معلمات النوافذ
إضافات: {} ، // معلمات التمديد المخصصة
الصفحات الفرعية: [{} ، {}]
}]
}) ؛
// الطريقة 2
var page = mui.preload ({
عنوان URL: جديد -صفحة -url ،
المعرف: جديد -صفحة -ID ، // url على الصفحة الحالية كمعرف كمعرف
الأنماط: {} ، // معلمات النوافذ
إضافات: {} // معلمات التمديد المخصصة
}) ؛
【بعض الاختلافات】1. صفحة فرعية وغير صبية
من بين الطرق الثلاث المذكورة أعلاه ، 2،3 صفحة مفتوحة غير Sub ،
الفرق هو أن صفحة الطفل تعادل iframe في HTML ، وليس الصفحة الفرعية تعادل نافذة متصفح جديدة محملة HTML
2. صفحة فرعية مناسبة لقائمة الشريحة الجانبية
تحتوي الصفحة الفرعية قليلاً ، خاصةً المطبق على الموقف مع index.html+list.html.
إذا كنت تستخدم index.html (الصفحة الرئيسية)+list.html (صفحة فرعية) ، عندما يتم انزلاق الصفحة الصحيحة من الصفحة الرئيسية ، ستتم متابعة صفحة الطفل تلقائيًا ،
إذا تم تنفيذه باستخدام index.html (الصفحة الرئيسية)+list.html (صفحة جديدة) ، يكون سطح الصفحة الرئيسية صحيحًا ، ولا تنزلق الصفحة الجديدة إلى اليمين ، ويجب معالجة الصفحة الجديدة بشكل منفصل.
3. وضع التبديل العملي للصفحة الفرعية
إذا كنت تنزلق بشكل متكرر إلى اليسار واليمين ، فسيظهر list.html على الهاتف المحمول للتكوين السفلي لتغطية index.html.
وضع الصفحة الفرعية غير متوفر ، وفرصة استخدام وضع الصفحة الجديد مرتفع للغاية.
4. تطبيق الصفحة الفرعية والتحديث المنخفض وسحب الحمل
عندما تم تحديثها من قبل ، استخدمت شكل صفحة جديدة.
وفقًا للبرنامج التعليمي الرسمي للموقع ، فمن غير الناجح القيام بذلك ،
في وقت لاحق ، بعد النظر إلى رمز المصدر السفلي ، وجدت أن التحديث المنخفض يجب أن يعتمد شكل الصفحة الفرعية.
وهذا هو ، يجب أن يكون قائمتك. html هو الصفحة الفرعية لـ index.html لتنزل.
5. الصفحة الجديدة مناسبة للصفحة الجديدة
Open هي صفحة جديدة ، وهي مناسبة لعرض التفاصيل.
ويغلف MUI طريقة الخلفية للصفحة الجديدة ، ولا داعي للقلق بشأنها.
6. طريقتان لصفحة التحميل المسبق
الأول يتم تحميله مسبقًا عند التهيئة ،
هذا الموقف مناسب لصفحتك لفترة طويلة.
إذا كنت ترغب في الحصول على الصفحة على الفور ، فستحصل على NULL.
الطريقة الثانية تشبه المفتوحة ،
أنا شخصياً أشعر أنه لا يوجد فرق كبير ،
الفرق الوحيد هو أن المفتوح مفتوح مباشرة ،
تم تحميل التحميل المسبق للتو ، يمكنك اختيار توقيت الفتح.
7. ملخص
تحتاج إلى تحديث تحميل السحب ، يرجى استخدام الصفحة الفرعية ، يرجى استخدام الصفحة الفرعية ،
تحتاج إلى فتح صفحة جديدة ، يرجى استخدام طريقة الصفحة الجديدة ،
تحتاج إلى تحميل صفحة ولكن لا تستخدم في الوقت الحالي ، يرجى استخدام طريقة التحميل المسبق.
ما سبق هو جميع محتويات هذه المقالة.