1. Buat sub -halaman selama inisialisasi
2. Buka halaman baru secara langsung
3. Halaman pra -muatan
【Contoh】1. Buat sub -halaman selama inisialisasi
mui.init ({{
subpag: [{{{{{{{{{
URL: Subpage -Ubpage Anda, // Sub -page Alamat HTML, Mendukung Alamat Lokal dan Jaringan
ID: Anda -subpage -id, // disubklusif
styles: {{
Atas: Subpage -top -Posisi, posisi teratas dari sub -halaman
Bawah: Subpage -Bottom -Posisi, // Posisi bawah sub -halaman
Lebar: subpage -width, // Sub -halaman lebar, standarnya adalah 100%
Tinggi: Subpage -Height, // Sub -Halaman Tinggi, standarnya 100%
... ...
},
Ekstra: {} // Parameter ekstensi tambahan
}]
});
2. Buka halaman baru secara langsung
mui.openwindow ({{{{{{
URL: halaman -url baru,
ID: new -page -id,
styles: {{
Atas: newPage -top -position, // Posisi teratas halaman baru
Bawah: newage -bottom -position, // bagian bawah halaman baru
Lebar: newPage -width, // Lebar halaman baru, standarnya 100%
Tinggi: newPage -height, // Tinggi halaman baru, default
... ...
},
Ekstra: {
..... // Parameter ekstensi khusus dapat digunakan untuk memproses nilai halaman antara halaman
}
menunjukkan: {
AutoShow: Benar, // Page Loaded Event secara otomatis ditampilkan
Anishow: animationType, // halaman tampilan animasi, defaultnya adalah slide-in-diamt;
Durasi: AnimationTime // Halaman Animasi Durasi, platform android default hingga 100 milidetik default, platform iOS default hingga 200 milidetik;
},
MENUNGGU: {
Autoshow: Benar, // Secara otomatis menampilkan kotak tunggu, defaultnya benar
Judul: 'Muat ...', // Menunggu konten prompt yang ditampilkan pada kotak dialog
Opsi: {
Lebar: tunggu -dialog -widht, // menunggu area latar belakang kotak tunggu, default untuk secara otomatis menghitung lebar yang sesuai sesuai dengan konten
Tinggi: tunggu -dialog -height, // Area latar belakang kotak tunggu, ketinggian yang sesuai secara otomatis dihitung sesuai dengan konten secara default
... ...
}
}
})
3. Halaman pra -muatan
// Metode 1
mui.init ({{
preloadpages: [{{{
URL: prelaood -halaman -url,
ID: preload -page -id,
Styles: {}, // Parameter jendela
Ekstra: {}, // Parameter ekstensi khusus
Subpag: [{}, {}] // Pra -load Page Subpage
}]
});
// Metode 2
var page = mui.preload ({
URL: halaman -url baru,
ID: new -page -id, // url pada halaman saat ini sebagai id sebagai id
Styles: {}, // Parameter jendela
Ekstra: {} // Parameter ekstensi khusus
});
【Beberapa perbedaan】1. Sub -halaman dan non -sub -page
Di antara tiga metode di atas, 2,3 halaman terbuka non -sub -sub -halaman,
Perbedaannya adalah bahwa halaman anak setara dengan iframe di HTML, bukan sub -halaman setara dengan jendela browser baru yang dimuat HTML
2. Sub -Halaman cocok untuk menu geser samping
Sub -halaman memiliki sedikit, terutama berlaku untuk situasi dengan index.html+list.html.
Jika Anda menggunakan index.html (beranda)+list.html (sub -halaman), ketika halaman kanan beranda tergelincir, halaman anak akan diikuti secara otomatis,
Jika diimplementasikan dengan index.html (beranda)+list.html (halaman baru), permukaan beranda benar, halaman baru tidak meluncur ke kanan, dan halaman baru harus diproses secara terpisah.
3. Situasi Peralihan Praktis Sub -Halaman
Jika Anda sering meluncur ke kiri dan kanan, list.html akan muncul di ponsel konfigurasi yang lebih rendah untuk menutupi index.html.
Mode sub -halaman tidak tersedia, dan kemungkinan menggunakan mode halaman baru sangat tinggi.
4. Aplikasi sub -halaman dan drop -down Refresh dan tarik -load -up
Ketika saya disegarkan sebelumnya, saya menggunakan bentuk halaman baru.
Menurut tutorial situs web resmi, tidak berhasil melakukannya,
Kemudian, setelah melihat kode sumber yang lebih rendah, saya menemukan bahwa refresh drop -down harus mengadopsi bentuk subpage.
Artinya, daftar Anda.html harus menjadi subpage dari index.html untuk turun.
5. Halaman baru ini cocok untuk halaman baru
Open adalah halaman baru, yang cocok untuk melihat detail.
Dan MUI merangkum metode belakang halaman baru, dan Anda tidak perlu mengkhawatirkannya.
6. Dua Cara Halaman Pra -Muat
Yang pertama adalah pra -muatan saat inisialisasi,
Situasi ini cocok untuk halaman Anda untuk waktu yang lama.
Jika Anda ingin segera mendapatkan halaman, maka Anda akan mendapatkan nol.
Cara kedua mirip dengan terbuka,
Saya pribadi merasa bahwa tidak ada perbedaan besar,
Satu -satunya perbedaan adalah bahwa terbuka secara langsung terbuka,
Preload baru saja dimuat, Anda dapat memilih waktu pembukaan.
7. Ringkasan
Anda perlu menyegarkan beban tarik -up, silakan gunakan sub -halaman, silakan gunakan sub -halaman,
Anda perlu membuka halaman baru, silakan gunakan metode halaman baru,
Anda perlu memuat halaman tetapi tidak digunakan untuk saat ini, silakan gunakan metode pra -muat.
Di atas adalah semua konten dari artikel ini.