一、什么是良好的用戶體驗(yàn)（淘寶、易迅）

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比崆峒網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式崆峒網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋崆峒地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。

1、預(yù)加載截圖方式：點(diǎn)擊、切換模版窗口、顯示等待框、執(zhí)行ajax并渲染、顯示數(shù)據(jù)、關(guān)閉等待框。

2、head、body分開(kāi)載入方式：點(diǎn)擊、切換窗口顯示等待中、執(zhí)行ajax并渲染頁(yè)面、將渲染好的頁(yè)面append到body中。

3、lazyload等方式感覺(jué)太貼近網(wǎng)頁(yè)，就不算在良好用戶體驗(yàn)內(nèi)了。

二、注意事項(xiàng)

1、窗口切換時(shí)執(zhí)行并發(fā)任務(wù)（ajax請(qǐng)求或渲染頁(yè)面）會(huì)影響體驗(yàn)

2、無(wú)從得知webview渲染完畢的時(shí)機(jī)

3、使用pop-in應(yīng)該將動(dòng)畫(huà)延長(zhǎng)到200-300毫秒，讓切換效果更流暢

三、打開(kāi)新窗口方法

1、head、body分開(kāi)載入

（1）先顯示帶有標(biāo)題欄的head頁(yè)面，content中顯示"加載中..."或者顯示SVG動(dòng)畫(huà)

（2）通知body頁(yè)面執(zhí)行ajax拉取數(shù)據(jù)渲染頁(yè)面，渲染完畢append到head頁(yè)面上

2、頁(yè)面渲染后再切換

（1）點(diǎn)擊后顯示等待框

（2）通知show頁(yè)面執(zhí)行ajax拉取數(shù)據(jù)渲染頁(yè)面

（3）渲染代碼結(jié)束后，延遲50ms關(guān)閉等待框，顯示出show頁(yè)面。

3、預(yù)加載頁(yè)面直接切換

（1）點(diǎn)擊后切換到預(yù)加載的頁(yè)面

（2）顯示等待框，執(zhí)行ajax拉取數(shù)據(jù)渲染頁(yè)面

（3）渲染代碼結(jié)束后，關(guān)閉等待框

注：此種方法為了避免打開(kāi)新的頁(yè)面數(shù)據(jù)不對(duì)，需要監(jiān)聽(tīng)重寫(xiě)mui.back()，清空頁(yè)面的所有數(shù)據(jù)。

總結(jié)

以上所述是小編給大家介紹的mui 打開(kāi)新窗口的方式總結(jié)及注意事項(xiàng)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

新聞名稱：mui打開(kāi)新窗口的方式總結(jié)及注意事項(xiàng)
分享鏈接：http://www.rwnh.cn/article48/jehdep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站維護(hù)、App設(shè)計(jì)、網(wǎng)站制作、關(guān)鍵詞優(yōu)化、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)