ホームページ >ウェブフロントエンド >フロントエンドQ&A >html5ムイとは何ですか
mui は、HTML5 仕様に基づいたオープン ソースのフロントエンド UI フレームワークです。HTML5 拡張機能のネイティブ機能を利用して、一般的な UI コントロールのパフォーマンスとクロスプラットフォームの問題を解決します。開発者は mui を使用して、一度開発して HTML5 として公開 iOS および Android アプリは、同時にモバイル ブラウザーに公開することもできます。
このチュートリアルの動作環境: Windows7 システム、HTML5&&mui3.7.2 バージョン、Dell G3 コンピューター。
mui 公式 Web サイト: https://dev.dcloud.net.cn/mui/
コンテナ内
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> </head> <body> <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-close mui-pull-right"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">标题</h1> </header> <nav class="mui-bar mui-bar-tab"> <a class="mui-tab-item mui-active"> <span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">html5ムイとは何ですか</span> </a> </nav> <div class="mui-content"> //主体内容 </div> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init() </script> </body> </html>組み込みメソッドとオブジェクト
var obj2 = obj[0]; //DOM オブジェクト
scrollTo() メソッド: ウィンドウをスクロールします。画面を指定した位置まで移動します。
ypos は整数値で、左上に表示されるドキュメントの y 座標です。ウィンドウのドキュメント表示領域の隅にあります。
element.addEventListener('tap',function(){ //点击响应逻辑 },false);
on
(event,selector2,handler);event は String 型です。監視する必要があります。イベント名 (「タップ」など)、ハンドラーはイベントがトリガーされたときのコールバック関数、selector1 と selector2 はどちらもセレクターですが、selector2 は selector1## で表される HTML 要素オブジェクトの下の子孫セレクターである必要があります。 #3. イベント キャンセル: バインドされたイベントをキャンセルします
mui(selector).off()//取消selector所有事件 mui(selector1).off(event,selector2)//取消作用于selector2的所有事件 mui(selector1).off(event,selector2,handler)//取消作用于selector2的特定事件
4. イベント トリガー: 特定の DOM 要素のイベントを動的にトリガーします mui.
trigger(element,event,data) ;
5 、ジェスチャ イベント: 一般的に使用されるジェスチャ表現方法の紹介
##カテゴリ
#タップ | ||
---|---|---|
##タップ | doubletap | 画面をダブルクリック |
#長押し | 長押し | #画面を長押し##長押し |
#画面を長押し | #長押し | #リリース | # #画面を離れる
スワイプ | スワイプ左 | #左にスワイプ |
swiperight | 右にスワイプ | |
swipeup | 上にスワイプ | |
下にスワイプ | ##下にスワイプドラッグ | |
ドラッグ開始 | ## ドラッグ | #ドラッグ|
#ドラッグ | #ドラッグ終了 | ドラッグ終了|
以上がhtml5ムイとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。