国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose

來源:懂視網 責編:小采 時間:2020-11-27 16:03:25
文檔

HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose

HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose:【前言】 使用hbuilder+mui做app一段時間,期間遇到問題不少, 自己摸索,做了個app,詳見:http://uikoo9.com/dishi/download 如果您水平比這個高,那就不用看了,直接跳過。 【水平】 由于用hbuilder+mui出于興趣,也就沒有去看源碼,
推薦度:
導讀HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose:【前言】 使用hbuilder+mui做app一段時間,期間遇到問題不少, 自己摸索,做了個app,詳見:http://uikoo9.com/dishi/download 如果您水平比這個高,那就不用看了,直接跳過。 【水平】 由于用hbuilder+mui出于興趣,也就沒有去看源碼,

【前言】

使用hbuilder+mui做app一段時間,期間遇到問題不少,

自己摸索,做了個app,詳見:http://uikoo9.com/dishi/download

如果您水平比這個高,那就不用看了,直接跳過。




【水平】

由于用hbuilder+mui出于興趣,也就沒有去看源碼,

停留在使用總結層次,所以有說的不對的地方還請見諒。




【幾種打開頁面的方式】

1.初始化時創建子頁面

2.直接打開新頁面

3.預加載頁面




【示例】

1.初始化時創建子頁面

mui.init({ subpages: [{ url: your - subpage - url, //子頁面HTML地址,支持本地地址和網絡地址 id: your - subpage - id, //子頁面標志 styles: { top: subpage - top - position, //子頁面頂部位置 bottom: subpage - bottom - position, //子頁面底部位置 width: subpage - width, //子頁面寬度,默認為100% height: subpage - height, //子頁面高度,默認為100% ...... }, extras: {} //額外擴展參數 }]});

2.直接打開新頁面

mui.openWindow({ url: new - page - url, id: new - page - id, styles: { top: newpage - top - position, //新頁面頂部位置 bottom: newage - bottom - position, //新頁面底部位置 width: newpage - width, //新頁面寬度,默認為100% height: newpage - height, //新頁面高度,默認為100% ...... }, extras: { ..... //自定義擴展參數,可以用來處理頁面間傳值 } show: { autoShow: true, //頁面loaded事件發生后自動顯示,默認為true aniShow: animationType, //頁面顯示動畫,默認為”slide-in-right“; duration: animationTime //頁面動畫持續時間,Android平臺默認100毫秒,iOS平臺默認200毫秒; }, waiting: { autoShow: true, //自動顯示等待框,默認為true title: '正在加載...', //等待對話框上顯示的提示內容 options: { width: waiting - dialog - widht, //等待框背景區域寬度,默認根據內容自動計算合適寬度 height: waiting - dialog - height, //等待框背景區域高度,默認根據內容自動計算合適高度 ...... } }})

3.預加載頁面

// 方式1mui.init({ preloadPages: [{ url: prelaod - page - url, id: preload - page - id, styles: {}, //窗口參數 extras: {}, //自定義擴展參數 subpages: [{}, {}] //預加載頁面的子頁面 }]});// 方式2var page = mui.preload({ url: new - page - url, id: new - page - id, //默認使用當前頁面的url作為id styles: {}, //窗口參數 extras: {} //自定義擴展參數});




【一些區別】

1.子頁面和非子頁面

以上三種方式中,2,3打開的頁面非子頁面,

區別是子頁面相當于html中的iframe,而非子頁面相當于新開了一個瀏覽器窗口加載了一個html


2.子頁面適用于側滑菜單

子頁面有其有點,特別適用與index.html+list.html這種情況,

如果用index.html(主頁面)+list.html(子頁面)實現的話,當主頁面右滑時子頁面會自動跟隨,

而用index.html(主頁面)+list.html(新頁面)實現的話,主頁面右滑,新頁面不右滑,還得單獨處理新頁面。


3.子頁面實用頻繁切換的情況

如果頻繁左滑右滑,在配置較低的手機上會出現list.html遮住index.html的情況,

采用子頁面模式就不會,采用新頁面模式幾率很大。


4.子頁面適用與下拉刷新和上拉加載

之前做大下拉刷新的時候,采用的是新頁面的形式,

按照官網教程,怎么搞都不成功,

后來看了下源碼,發現下拉刷新必須采用子頁面的形式,

也就是你的list.html必須是index.html的子頁面,才可以下拉刷新。


5.新頁面適用于新頁面

open一個新頁面,適用于查看詳情之類的,需要打開一個新頁面的情況,

并且mui自己封裝了新頁面的back方法,你就不需要去操心了。


6.預加載頁面的兩種方式

第一種是在初始化的時候預加載,

這種情況適合在你這個頁面在很久之后才會用,

如果你要立即到的頁面并使用,那么你會得到null。

第二種方式類似與open,

個人感覺沒有什么太大的區別,

唯一的區別是open就直接打開了,

preload只是加載,你可以之后選擇打開的時機。


7.總結

需要下拉刷新上拉加載請使用子頁面,

需要打開一個新頁面請使用新頁面方式,

需要加載一個頁面但是暫時不使用請使用預加載方式。

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

文檔

HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose

HTML5+開發移動app教程4-mui中幾種open頁面的區別_html/css_WEB-ITnose:【前言】 使用hbuilder+mui做app一段時間,期間遇到問題不少, 自己摸索,做了個app,詳見:http://uikoo9.com/dishi/download 如果您水平比這個高,那就不用看了,直接跳過。 【水平】 由于用hbuilder+mui出于興趣,也就沒有去看源碼,
推薦度:
標簽: app 區別 移動
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 在线观看日韩视频 | 一道本一区二区三区 | 97精品高清一区二区三区 | 亚洲欧洲高清 | 久久久成人网 | 国产69久久精品成人看小说 | 国产成人精品aaaa视频一区 | 欧美国产高清 | 国产高清免费 | 亚洲视频一区二区三区 | 国产一区亚洲欧美成人 | 国产成人精品一区二区不卡 | 欧美十区 | 欧美v视频 | 中文字幕三区 | 欧美aa在线观看 | 国产午夜高清一区二区不卡 | 在线观看免费国产 | 国产精品特级毛片一区二区三区 | 日韩小视频在线 | 久久久久久91 | 黄色国产在线 | 欧美性第一页 | 国产精品自在欧美一区 | 欧美色图日韩色图 | 国产偷亚洲偷欧美偷精品 | 99999久久久久久亚洲 | 国产精品一区视频 | 亚洲欧美日韩色图 | 在线播放色 | 国产精品久久久久久一区二区三区 | 日本v片免费一区二区三区 欧洲精品欧美精品 | 亚洲精品国产第七页在线 | a资源在线 | 欧美v日韩v亚洲v最新 | 国内精品视频在线观看 | 精品72久久久久久久中文字幕 | 亚洲欧美日韩高清一区二区三区 | 韩国精品一区二区久久 | 国产精品久久久天天影视香蕉 | 亚洲另类在线观看 |