使用mui框架開啟頁面的幾種不同方式

2022-03-04 20:57:53 字數 825 閱讀 8777

1.建立子頁面:

list.html就是index.html的子頁面,建立**比較簡單,如下:

mui.init(,  

}]

});

2.開啟新頁面

mui.openwindow(,  

extras:

show: ,

waiting:

} })

3.預載入頁面

從a頁面開啟b頁面,b頁面為乙個需要從服務端載入的列表頁面,若在b頁面loaded事件發生時就將其顯示出來,因伺服器資料尚未載入完畢,列表頁面為空,使用者體驗不好;可通過如下方式改善使用者體驗:

//a頁面中開啟b頁面,設定show的autoshow為false,則b頁面在其loaded事件發生後,不會自動顯示;
mui.openwindow(

});

第二步,在b頁面獲取列表資料後,再關閉等待框、顯示b頁面 

//

b頁面onload從伺服器獲取列表資料;

window.onload =function());

}

畫龍點睛:小編在此解釋一下子頁與非子頁的區別是子頁面相當於html中的iframe,而非子頁面相當於新開了乙個瀏覽器視窗載入了乙個html。

需要下拉重新整理上拉載入請使用子頁面,

需要開啟乙個新頁面請使用新頁面方式,

MUI 幾種頁面開啟方式

1.初始化時建立子頁面 2.直接開啟新頁面 3.預載入頁面 1 2 3 4 5 6 7 8 9 10 11 12 13 14 mui.init extras 額外擴充套件引數 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24...

gin框架開啟web跨域

前言 gin開啟跨域,只需要新增乙個全域性中介軟體到路由器即可 gin的中介軟體可以新增到全域性,也可以新增到單個路由上 新增到全域性 r gin.new r.use gin.logger r.use gin.recovery 這裡的兩個中介軟體就是 gin.default 幫我們初始化的兩個中介軟...

mui框架開發,過來人告訴你

一 頁面跳轉類 1 mui中 openwindow html task post.html html setting serveraddr 第二個引數相當於id,當頁面攜帶資料返回當前頁面時會呼叫back 方法,而返回時id需填這個頁面id,跳轉也可以傳資料,再其他頁面pushready用self接...