mui打開新窗口的方式總結(jié)及注意事項(xiàng)

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

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

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

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

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

二、注意事項(xiàng)

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

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

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

三、打開新窗口方法

1、head、body分開載入

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

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

2、頁面渲染后再切換

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

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

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

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

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

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

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

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

總結(jié)

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

新聞名稱：mui打開新窗口的方式總結(jié)及注意事項(xiàng)
分享鏈接：http://muchs.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)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)