MUIの使用の概要

MUIは、UIから効率、高性能HTML5開発フレームワークである、積極的にネイティブの経験を追求している。このフレームワーク自体いくつかのルールがあり、学生に新しい特にこの記事を要約し、非常に精通していない、より多くの情報MUIについては、してくださいMUI公式サイトをご覧ください。
　　DOM構造
　　DOMのMUIページについては、次のルールを知っている必要があります。
　　固定フロントバー
　　（.mui - バー - トップナビゲーションバー（.muiバー-NAV）、ツールバーの底：共通アセンブリであって、.muiバー属性、それは固定された位置決め要素に基づいているノードと固定列、すなわちと呼ばれますフッタ）、タブの底（.muiバータブ）;これらの要素を使用する際に従うべきルール：置か.muiコンテンツ要素、ボトムツールバーとタブのも底前だけでなく、.mui-オンコンテンツの前に、または固定バーがメインのコンテンツの一部をカバーします。
###すべてが中MUI-コンテンツに包まれます
固定フェンスに加えて、.mui・コンテンツに包まれたことが、他のコンテンツを、それ以外の場合は、固定バー上の理由からマスクすることができる：固定バーに基づいて固定ポジショニング、フリーフローレイアウト制約を、一般的な内容はまだ上から次のようになります。それはカラムマスクを固定するように、開始位置0レイアウト、MUIは、この問題を解決するために、我々は、以下のCSSコードを定義します。

　　

　　【のCss]無地copy.muiバー-NAVを視聴〜.muiコンテンツ{パディングトップ：44px;} .mui-バーフッタ〜.muiコンテンツ{パディング底：44px;} .muiバータブ〜.muiコンテンツ{パディング下：は50px;}もちろんカスタムCSSを経由して上記と同様の効果を達成することができますが、使いやすさのために、それは固定バー、上のすべての.mui、コンテンツ以外のすべてをお勧めしますインチ

　　必ずtype属性ボタンボタンを追加
　　ボタンは種類に応じて、type属性ボタン、ブラウザのデフォルトでない場合は=、ボタンはフォームが送信されたフォーム、ページの更新を実行します]をクリックし、フォーム上のボタンの無いタイプ形ので、もし、ユーザーエクスペリエンスが悪い、ロジックを提出します。
　　ウィンドウマネージャ
　　ページの初期化：メソッドを実行する必要がありますmui.init
　　以下のような設定パラメータ、多くのページが初期化されているMUI、：キーリスナー、監視および他のジェスチャは、そうMUIページはmui.init（）メソッド一度に呼び出す必要があります。
　　ページに移動：HREFを放棄行きます
　　ブラウザは、DOMは、レンダリングが完了していないページ場合は、新しいページをロードすると、ページが、その後、乗り越えられないWEBブラウザ技術を障害体験することで、特定のコンテンツを、完全に表示される最初の空白で表示され、その後、DOMのレンダリングを待つことになる。この問題を解決するために[mui.openWindow方法]（推奨http://dcloudio.github.io/mui/javascript/#openwindow新しいのWebViewを開くために）、MUIは自動的にロードされた場合、新しいページロードされたイベントを監視して、自動的に表示されます新しいページ;拡張読書：
　　ノーウェイトスイッチの形でハローMUIが実現する方法であります
　　黒と白のカットシートを回避するためのヒントの一つシリーズHTML5のパフォーマンスの経験
　　ページオフ：戻るボタンを聞いて繰り返さないでください
　　MUIページフレームワークは、自動的に、カスタム・ロジック戻したい場合（例えば編集ページの復帰を、ユーザーが実行ロジックに戻った後、ドラフトを放棄する必要性を確認した）、ロジックをカプセル化し、ないだけで戻るボタンのaddEventListenerを追加することによって、方法をmui.back書き換える必要がある閉じユーザーが唯一のウィンドウを閉じていきます、ユーザーがキャンセルを選択した場合でも、addEventListenerを確認ボックスを追加しますので、もしaddEventListenerをのみ、まだ続けるロジックパッケージの実施を監視する新しい執行手続き、MUIのデフォルトを追加するので、聞いて。
ジェスチャー
　　再生回数：クリックを忘れ
　　迅速な対応が最も重要なモバイルアプリケーションの実現である、研究では、待ち時間が100ミリ秒を超えた場合、ユーザーインターフェイスはケイトンは、しかし、携帯電話のブラウザは、遅延理由としては（300ミリ秒の遅延の有無をクリックしてクリック感じる、および300ができることを示していますMSのインとアウトあなた自身の谷百の）、この問題を解決するためのMUI、タップイベントをカプセル化し、そのいずれかのクリックは、すべて以下のコードを使用して、onclickの操作をクリックして、忘れてください。
　　[ジャバスクリプト]ビュー無地コピー
　　element.addEventListener('tap',function(){
　　//点击响应逻辑 });

おすすめ