mui 打開新窗口的方式總結及注意事項

一、什么是良好的用戶體驗（淘寶、易迅）

1、預加載截圖方式：點擊、切換模版窗口、顯示等待框、執行ajax并渲染、顯示數據、關閉等待框。

2、head、body分開載入方式：點擊、切換窗口顯示等待中、執行ajax并渲染頁面、將渲染好的頁面append到body中。

3、lazyload等方式感覺太貼近網頁，就不算在良好用戶體驗內了。

二、注意事項

1、窗口切換時執行并發任務（ajax請求或渲染頁面）會影響體驗

2、無從得知webview渲染完畢的時機

3、使用pop-in應該將動畫延長到200-300毫秒，讓切換效果更流暢

三、打開新窗口方法

1、head、body分開載入

（1）先顯示帶有標題欄的head頁面，content中顯示"加載中..."或者顯示SVG動畫

（2）通知body頁面執行ajax拉取數據渲染頁面，渲染完畢append到head頁面上

2、頁面渲染后再切換

（1）點擊后顯示等待框

（2）通知show頁面執行ajax拉取數據渲染頁面

（3）渲染代碼結束后，延遲50ms關閉等待框，顯示出show頁面。

3、預加載頁面直接切換

（1）點擊后切換到預加載的頁面

（2）顯示等待框，執行ajax拉取數據渲染頁面

（3）渲染代碼結束后，關閉等待框

注：此種方法為了避免打開新的頁面數據不對，需要監聽重寫mui.back()，清空頁面的所有數據。

總結

以上所述是小編給大家介紹的mui 打開新窗口的方式總結及注意事項，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com