您好,登錄后才能下訂單哦!
一、什么是良好的用戶體驗(淘寶、易迅)
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 打開新窗口的方式總結及注意事項,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。