1. สร้างหน้าย่อยระหว่างการเริ่มต้น
2. เปิดหน้าใหม่โดยตรง
3. หน้าโหลดล่วงหน้า
【ตัวอย่าง】1. สร้างหน้าย่อยระหว่างการเริ่มต้น
mui.init ({{
หน้าย่อย: [{{
URL: -subpage -url, // ที่อยู่ HTML ของหน้า -หน้ารองรับรองรับที่อยู่ท้องถิ่นและเครือข่าย
ID: -subpage -id, // subpacked ของคุณ
สไตล์: {{
ด้านบน: หน้าย่อย -top -position ตำแหน่งสูงสุดของหน้าย่อย -หน้า
ด้านล่าง: หน้าย่อย -bottom -possition, // ตำแหน่งด้านล่างของหน้าย่อย -หน้า
ความกว้าง: หน้าย่อย -width, // ความกว้าง sub -page, ค่าเริ่มต้นคือ 100%
ความสูง: หน้าย่อย -Height, // ความสูงของหน้าย่อย, ค่าเริ่มต้นคือ 100%
-
-
extras: {} // พารามิเตอร์ส่วนขยายเพิ่มเติม
-
-
2. เปิดหน้าใหม่โดยตรง
mui.openwindow ({{
URL: ใหม่ -Page -url
ID: ใหม่ -Page -ID,
สไตล์: {{
ด้านบน: newpage -top -position, // ตำแหน่งใหม่ของหน้าใหม่
ด้านล่าง: newage -bottom -possition, // ด้านล่างของหน้าใหม่
ความกว้าง: newpage -width, // ความกว้างหน้าใหม่, ค่าเริ่มต้นคือ 100%
ความสูง: newpage -height, // ความสูงของหน้าใหม่, ค่าเริ่มต้น
-
-
พิเศษ: {
..... // พารามิเตอร์ส่วนขยายที่กำหนดเองสามารถใช้ในการประมวลผลค่าของหน้าเว็บระหว่างหน้าเว็บ
-
แสดง: {
AutoShow: จริง, // page ulted event จะแสดงโดยอัตโนมัติ
Anishow: AnimationType, // หน้าจอแสดงภาพแอนิเมชั่น, ค่าเริ่มต้นคือสไลด์ในไดอาท;
ระยะเวลา: แอนิเมชั่นเวลา // ระยะเวลาภาพเคลื่อนไหวแพลตฟอร์ม Android เริ่มต้นเป็นค่าเริ่มต้น 100 มิลลิวินาทีค่าเริ่มต้นของแพลตฟอร์ม iOS เริ่มต้นถึง 200 มิลลิวินาที;
-
ซึ่งรอคอย: {
autoshow: จริง // แสดงกล่องรอโดยอัตโนมัติค่าเริ่มต้นเป็นจริง
ชื่อเรื่อง: 'โหลด ... ', // รอเนื้อหาพรอมต์ที่แสดงบนกล่องโต้ตอบ
ตัวเลือก: {
ความกว้าง: รอ -dialog -widht, // กำลังรอพื้นที่พื้นหลังของกล่องรอค่าเริ่มต้นเพื่อคำนวณความกว้างที่เหมาะสมโดยอัตโนมัติตามเนื้อหาโดยอัตโนมัติ
ความสูง: รอ -dialog -height, // พื้นที่พื้นหลังของกล่องรอความสูงที่เหมาะสมจะถูกคำนวณโดยอัตโนมัติตามเนื้อหาโดยค่าเริ่มต้น
-
-
-
-
3. หน้าโหลดล่วงหน้า
// วิธี 1
mui.init ({{
PRELOADPAGES: [{{
URL: PRELAOOD -PAGE -URL
ID: PRELOAD -PAGE -ID
สไตล์: {}, // พารามิเตอร์หน้าต่าง
extras: {}, // พารามิเตอร์ส่วนขยายที่กำหนดเอง
หน้าย่อย: [{}, {}] // pre -load page subpage
-
-
// วิธี 2
var page = mui.preload ({
URL: ใหม่ -Page -url
ID: ใหม่ -Page -id, // url ในหน้าปัจจุบันเป็น ID เป็น ID
สไตล์: {}, // พารามิเตอร์หน้าต่าง
extras: {} // พารามิเตอร์ส่วนขยายที่กำหนดเอง
-
【ความแตกต่างบางอย่าง】1. หน้าย่อยและไม่ใช่ -sub -Page
ท่ามกลางสามวิธีข้างต้น 2,3 เปิดหน้าไม่ใช่หน้า -หน้า -หน้า
ความแตกต่างคือหน้าเด็กนั้นเทียบเท่ากับ IFRAME ใน HTML ไม่ใช่หน้าย่อยจะเทียบเท่ากับหน้าต่างเบราว์เซอร์ใหม่ที่โหลด HTML
2. หน้าย่อยเหมาะสำหรับเมนูสไลด์ด้านข้าง
หน้าย่อยมีอยู่เล็กน้อยโดยเฉพาะอย่างยิ่งที่ใช้กับสถานการณ์ด้วย index.html+list.html
หากคุณใช้ index.html (หน้าแรก)+list.html (หน้าย่อย) เมื่อหน้าขวาของหน้าแรกลื่นหน้าเด็กจะถูกติดตามโดยอัตโนมัติ
หากมีการใช้งานกับ index.html (หน้าแรก)+list.html (หน้าใหม่) พื้นผิวหน้าแรกนั้นถูกต้องหน้าใหม่จะไม่เลื่อนถูกต้องและต้องดำเนินการหน้าใหม่แยกกัน
3. สถานการณ์การสลับหน้าจริง -หน้า
หากคุณเลื่อนไปทางซ้ายและขวาบ่อยครั้ง list.html จะปรากฏบนโทรศัพท์มือถือการกำหนดค่าที่ต่ำกว่าเพื่อครอบคลุม index.html
โหมดย่อยหน้าไม่มีให้บริการและโอกาสในการใช้โหมดหน้าใหม่นั้นสูงมาก
4. แอปพลิเคชันหน้าย่อยและการรีเฟรชแบบหล่นลงและโหลด -อัพโหลด
เมื่อฉันได้รับการรีเฟรชมาก่อนฉันใช้รูปแบบของหน้าใหม่
ตามการสอนเว็บไซต์อย่างเป็นทางการมันไม่ประสบความสำเร็จที่จะทำ
ต่อมาหลังจากดูที่ซอร์สโค้ดที่ต่ำกว่าฉันพบว่าการรีเฟรชแบบลดลงจะต้องใช้รูปแบบของหน้าย่อย
นั่นคือ list.html ของคุณจะต้องเป็นหน้าย่อยของ index.html เพื่อเลื่อนลง
5. หน้าใหม่เหมาะสำหรับหน้าใหม่
เปิดเป็นหน้าใหม่ซึ่งเหมาะสำหรับการดูรายละเอียด
และ Mui สรุปวิธีการด้านหลังของหน้าใหม่และคุณไม่จำเป็นต้องกังวลเกี่ยวกับมัน
6. สองวิธีในการโหลดหน้า
ครั้งแรกคือการโหลดล่วงหน้าเมื่อเริ่มต้น
สถานการณ์นี้เหมาะสำหรับหน้าของคุณเป็นเวลานาน
หากคุณต้องการรับหน้าทันทีคุณจะได้รับ NULL
วิธีที่สองคล้ายกับการเปิด
โดยส่วนตัวฉันรู้สึกว่าไม่มีความแตกต่างใหญ่
ความแตกต่างเพียงอย่างเดียวคือเปิดเปิดโดยตรง
โหลดล่วงหน้าเพิ่งโหลดคุณสามารถเลือกเวลาในการเปิด
7. สรุป
คุณต้องรีเฟรชโหลดแบบดึงโปรดใช้หน้าย่อยโปรดใช้หน้าย่อย
คุณต้องเปิดหน้าใหม่โปรดใช้วิธีการหน้าใหม่
คุณต้องโหลดหน้าเว็บ แต่ไม่ได้ใช้ในเวลานั้นโปรดใช้วิธีการโหลดล่วงหน้า
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้